1. Zuhause
  2. Frage und Antwort
  3. Wählen Anpassungselement/umbenennen HTML-Tag in Visual Studio-Code

Wählen Anpassungselement/umbenennen HTML-Tag in Visual Studio-Code

2016-04-14 13 views
19

Lassen Sie sich sagen, ich habe den folgenden Code bekommtWählen Anpassungselement/umbenennen HTML-Tag in Visual Studio-Code

<div class="footer"> <div>Foo</div> </div>

Wie kann ich .footer von einem div Elemente zu einem footer Elemente ändern?

Das heißt, wenn ich den Cursor in div habe, suche ich nach einer Tastenkombination, die die öffnenden und schließenden Tags eines Elements auswählt. Ich glaube, ich habe emmet bereits früher in Sublime verwendet, aber ich kann keine ähnliche Funktionalität in Code finden. (Idealerweise würde das auch in JSX-Dateien funktionieren ...)

Quelle

2016-04-14 alanmoo

+0

Es ist noch keine Funktion, die ich finden kann, und ich habe keine Erweiterung oder Editor-Funktion gefunden, um es konsequent zu emulieren (jemand posten, wenn Sie einen finden). Aber es gibt eine User Voice [Anfrage] (https://visualstudio.uservoice.com/forums/293070-visual-studio-code/suggestions/8243982-auto-close-rename-html-tags-like-visual-studio) Wir können abstimmen. – Vimes

+0

Sie können Http Snipet Erweiterung, Installation und Einstellungen verwenden: https://StackOverflow.com/a/45279141/8187926 – Rox

Antwort

23

Möchten Sie die paarigen Tags umbenennen möchten? Wenn ja, gibt es einen viel einfacheren Weg: Sie müssen nur die Auto Rename Tag Erweiterung installieren. Wenn Sie ein HTML-Tag umbenennen, wird das verknüpfte HTML-Tag automatisch umbenannt.

enter image description here

Quelle

2016-08-24 05:24:24

+0

Zwischen diesem und den etwas jüngsten Updates Hinzufügen von Emmet-Funktionen funktioniert das. Es ist nicht perfekt (wird auf einigen JSX gestolpert), aber ich kann dies verwenden, um Tags umzubenennen und zu entfernen. – alanmoo

+3

Dies sollte Standardverhalten sein. –

5

Sie können eine Tastenkombination cmd + D (Mac OS) verwenden, um die Auswahl für das Hinzufügen des nächsten Anpassungselement und dann gibt es eine Möglichkeit, gleichzeitig öffnen und schließenden Tags zu bearbeiten.

Quelle

2017-05-17 08:19:14 tataata

3

STRG + D auf Windows. Wie von @tataata erwähnt, CMD + D unter Mac OS. Nicht auf das Umbenennen von Tags beschränkt. Sehr hilfreich.

Quelle

2017-07-08 04:18:11 SILENT

Verwandte Themen

 Verwandte Themen