webentwicklung-frage-antwort-db.com.de

VSCode füllt HTML nicht automatisch aus

Ich habe Probleme mit meinem neu installierten Visual Studio-Code unter Windows 7. _ Auf Mac schließt der Editor HTML-Tags automatisch, jedoch nicht unter Win7. Ich gehe davon aus, dass es eine Option zum Einschalten geben muss, aber ich kann keine finden.

Ich spreche von wann. Wenn Sie <html schreiben, erscheint der IntelliSense und Sie drücken die Eingabetaste. Normalerweise fügt er automatisch die </html>-Minen ein. (Die IntelliSense-Funktion wird geöffnet, aber wenn Sie eine der Optionen auswählen, wird der Tag nicht automatisch geschlossen: <h1> -> </h1>

57
Harvey3589661

Aus den 0.3.0 Versionshinweisen

Das automatische Schließen von Tags durch HTML wurde jetzt entfernt und durch intelligenteres IntelliSense auf </ ersetzt.

27
John Papa

Geben Sie den Tag-Namen ein (ohne < zu starten), und drücken Sie die Tabulatortaste

geben Sie zum Beispiel div ein, und drücken Sie die Tabulatortaste. VS konvertiert es in <div></div>.

Oder geben Sie das Anfangs-Tag ein und drücken Sie zweimal die Tabulatortaste

zum Beispiel :

  1. typ <div
  2. drücke Tab
  3. drücke Tab

das schließende Tag wird hinzugefügt

143
Rabolf

Sie könnten diese Erweiterung für VS Code ausprobieren. Es hat die Auto-Close-Tag-Funktion implementiert und würde Ihre Anforderungen erfüllen:

  • Fügen Sie automatisch das schließende Tag hinzu, wenn Sie die schließende Klammer des öffnenden Tags eingeben
  • Nach dem Einfügen des schließenden Tags befindet sich der Cursor zwischen dem öffnenden und dem schließenden Tag
15
Jun Han

Hier ist ein cooler Trick (eigentlich eine Emmet-Abkürzung) :

  • schreibe den Markierungsnamen z. h1
  • fügen Sie danach ein Sternchen hinzu z. h1*
  • drücken Sie Tab (ergibt <h1></h1>)

Für den Fall, dass Sie nicht mehr weiterkommen möchten

PS: Dies funktioniert auch für selbstschließende Tags wie - input, img usw.

14
ɢʀᴜɴᴛ

Ich hatte das gleiche Problem, dann sah ich etwas rechts von vs code. Anstelle von HTML verwendete ich Django-HTML. Also änderte ich die Sprache in html. Boom funktioniert wieder einwandfrei . siehe Bild

Datei> Voreinstellungen> Keymaps, Suchen Sie 'Automatisch schließen' und klicken Sie auf Installieren . Wenn dies nicht funktioniert, laden Sie das Plugin erneut. 

Ich habe bei der Bearbeitung von HTML-Dateien auf Mac Sierra (10.12.6) mit VSCode (1.30.2) das gleiche Problem festgestellt. Gemäß den vscode-Dokumentationen https://code.visualstudio.com/docs/languages/html sollte der Intellisense sofort funktionieren.

Es stellte sich heraus, dass die "Spracherkennung" (in der rechten Ecke der Editorstatusleiste am unteren Bildschirmrand) auf "Automatische Erkennung" gesetzt ist und die Datei als Django-html erkannt wurde. Wenn Sie manuell wieder auf einfaches HTML umgestellt haben, funktioniert alles.

1
X.X

ich litt auch unter dem gleichen Problem. Jetzt habe ich unnötige Erweiterungen von Vs-Code zusammen mit JavaScript (SE) -Erweiterung und jetzt seine Arbeitsdatei deinstalliert. Hoffe, das wird für Sie funktionieren.

0
ShifaT