So führen Sie ein von vscode erstelltes HTML-Projekt aus-VSCode-php.cn

So führen Sie ein von vscode erstelltes HTML-Projekt aus

下次还敢

Freigeben： 2024-04-03 03:33:21

Original

1167 Leute haben es durchsucht

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 führen Sie ein von vscode erstelltes HTML-Projekt aus

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>

Nach dem Login kopieren

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!