Artikelverzeichnis
VS Code führt HTML-Dateien aus
提示:这里可以添加本文要记录的大概内容:
Aber der Unterschied zwischen der Verwendung von VS Code und Hbuilder ist:
Ich erinnere mich, dass Sie in Hbuilder in der Menüleiste zu „Datei“ → „Neu“ → „HTML5+-Projekt“ gehen, den Projektnamen, den Pfad und andere Informationen eingeben und auf „Fertig stellen“ klicken können, um ein neues Projekt zu erstellen.
1. Installieren Sie das VS Code-Konfigurations-Plug-in
So verwenden Sie VS Code zum Installieren von Plug-Ins und allgemeinen Plug-Ins in VS Code. Klicken Sie hier, um es anzusehen
Früher habe ich Hbuilder zum Schreiben von HTML verwendet, aber kürzlich habe ich plötzlich entdeckt, dass VS-Code auch gut ist. Sie müssen nur das Open-In-Browser-Plug-In installieren.
2. Erstellen Sie einen neuen Ordner auf Ihrem Computer
VS-Code wird verwendet, um einen Ordner lokal zu öffnen
Erstellen Sie zunächst einen neuen Ordner auf Ihrem Computer,
öffnen Sie VS Code
und wählen Sie [Datei] → [Ordner öffnen], um den neu erstellten Ordner zu finden.
Klicken Sie dann auf den Ordner, klicken Sie erneut mit der rechten Maustaste und wählen Sie [Neuer Ordner]
Zweck: Dateien klassifizieren
3. Erstellen Sie eine neue Datei [name.html]
Klicken Sie dann mit der rechten Maustaste, um eine neue Datei [Name.html] zu erstellen.
Das HTML-Dateisymbol wird zu: <>
Das CSS-Dateisymbol wird zu:#
4. Führen Sie die .html-Datei aus
Rufen Sie die Seite auf und geben Sie Folgendes ein: html:5
Enter. Der größte Teil unseres Codes ist unter body
dem Tag geschrieben
. Hier ist eine einfache HTML-Seitenanzeige:
Es gibt auch eine Funktion zum automatischen Speichern des Codes in der Datei.