Welche Plug-Ins müssen für HTML in vscode installiert werden?

Zu den Plug-Ins gehören: 1. „Tag automatisch schließen“; 3. „Verschönern“; 5. „Im Browser öffnen“; Browser" usw.

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5 und Visual Studio Code Version 1.54.1, Dell G3-Computer.

vscode HTML-Entwicklungs-Plug-in

1, Tag automatisch schließen

HTML/XML-Schließtag automatisch hinzufügen, genau wie Visual Studio IDE oder Sublime Text

2, Tag automatisch umbenennen

Tags automatisch umbenennen

Beim Umbenennen eines HTML/XML-Tags wird das gepaarte HTML/XML-Tag automatisch umbenannt

3. Verschönern

Verschönern Sie Javascript, JSON, CSS, Sass und HTML in Visual Studio Code.

4. Bracket Pair Colorizer

Mit dieser Erweiterung können passende Brackets farblich identifiziert werden. Benutzer können die zu vergleichenden Zeichen und die zu verwendenden Farben definieren

5, HTML-CSS-Unterstützung

Vervollständigung von Klassenattributen.

id-Attribut abgeschlossen.

Unterstützt die Vervollständigung der Zen-Codierung für Klassen- und ID-Attribute.

Scannen Sie CSS- und SCSS-Dateien im Arbeitsbereichsordner.

Unterstützt Remote-CSS-Dateien.

Verwenden Sie den vscode-css-Languageservice. 6. HTML-Schnipsel

Diese Erweiterung enthält JavaScript-Code für den Vs-Code-Editor Snippets in ES6-Syntax (unterstützt sowohl JavaScript als auch TypeScript).

8. jQuery-Code-Snippets

Mehr als 130 jQuery-Code-Snippets für JavaScript-Code.

Geben Sie einfach die Buchstaben „jq“ ein, um eine Liste aller verfügbaren jQuery-Snippets zu erhalten.

9. Im Browser öffnen

Damit können Sie die aktuelle Datei in Ihrem Standardbrowser oder Ihrer Standardanwendung öffnen.

10, Path Intellisense

Visual Studio Code-Plug-in, das Dateinamen automatisch vervollständigt.

11. Mit der Erweiterung „Im Browser anzeigen“ können Sie HTML-Dateien im Browser anzeigen.

12,

Live-Server

Live-Server: Ein kleiner Server mit Echtzeit-Ladefunktion, der zum Knacken von HTML/CSS/Javascript, aber nicht zum Bereitstellen des Finales verwendet werden kann Website. Mit anderen Worten: Wir können den Live-Server als Echtzeitserver im Projekt verwenden, um die entwickelten Webseiten oder Projekteffekte in Echtzeit anzuzeigen.

Vorteile

1: Installation mit einem Klick, automatische Aktualisierung und Einrichtung einer lokalen Serverumgebung.

2: Um eine automatische Aktualisierung zu erreichen und eine lokale Serverumgebung einzurichten, müssen Sie im Vergleich zu Gulp Build das automatische Aktualisierungs-Plug-In gulp-livereload installieren und das lokale Server-Plug-In Gulp-Server einrichten. Live Server ist nur einen Schritt entfernt. Solange Sie Live Server installieren, können Sie das Problem der automatischen Aktualisierung und Einrichtung einer lokalen Serverumgebung lösen.

Empfohlene Tutorials: Vscode-Tutorial, HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Plug-Ins müssen für HTML in vscode installiert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!