Heim > Artikel > Entwicklungswerkzeuge > So führen Sie ein von vscode erstelltes HTML-Projekt aus
So führen Sie ein von vscode erstelltes HTML-Projekt aus
- 下次还敢Original
- 2024-04-03 03:33:211192Durchsuche
Schritte zum Ausführen eines HTML-Projekts in VS Code: Erstellen Sie ein HTML-Projekt. HTML-Datei erstellen. Schreiben Sie HTML-Code. Drücken Sie Strg + Umschalt + B (Windows) oder Befehl + Umschalt + B (Mac), um das HTML-Projekt auszuführen.
So verwenden Sie VS Code zum Ausführen von HTML-Projekten
Schritt 1: HTML-Projekt erstellen
- Öffnen Sie VS Code.
- Klicken Sie auf „Datei“ > „Neu“ > „Ordner“.
- Geben Sie einen Projektnamen ein (z. B. „my_html_project“).
Schritt 2: HTML-Datei erstellen
- Klicken Sie mit der rechten Maustaste auf den Projektordner und wählen Sie „Neu“ > „Datei“.
- Geben Sie einen Dateinamen ein (z. B. „index.html“).
Schritt 3: HTML-Code schreiben
- In der Datei index.html schreiben Sie den folgenden grundlegenden HTML-Code:
<code class="html"><!DOCTYPE html> <html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <h1>欢迎来到我的第一个 HTML 页面！</h1> </body> </html></code>
Schritt 4: Führen Sie das HTML-Projekt aus
- Drücken Sie in VS Code
Ctrl+Shift+B（Windows）或Cmd+Shift+B( Mac). - VS Code öffnet automatisch den integrierten Browser und zeigt die HTML-Seite an.
Das obige ist der detaillierte Inhalt vonSo führen Sie ein von vscode erstelltes HTML-Projekt aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!