简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > alat pembangunan > VSCode > teks badan

Bagaimana untuk menjalankan projek HTML yang dibuat oleh vscode

下次还敢
Lepaskan： 2024-04-03 03:33:21
asal
1045 orang telah melayarinya

Langkah untuk menjalankan projek HTML dalam Kod VS: Buat projek HTML. Buat fail HTML. Tulis kod HTML. Tekan Ctrl + Shift + B (Windows) atau Cmd + Shift + B (Mac) untuk menjalankan projek HTML.

Bagaimana untuk menjalankan projek HTML yang dibuat oleh vscode

Cara menggunakan Kod VS untuk menjalankan projek HTML

Langkah 1: Buat projek HTML

  • Buka Kod VS.
  • Klik "Fail" > "Baru" >
  • Masukkan nama projek (cth., "my_html_project").

Langkah 2: Cipta Fail HTML

  • Klik kanan pada folder projek dan pilih >Fail Baharu.
  • Masukkan nama fail (cth., "index.html").

Langkah 3: Tulis kod HTML

  • Dalam fail index.html, tulis kod HTML asas berikut: 
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的第一个 HTML 页面！</h1>
</body>
</html></code>
Salin selepas log masuk

Langkah 4: Jalankan projek HTML

  • Ctrl + Shift + B（Windows）或 Cmd + Shift + B
  • ( Mac).
Kod VS secara automatik akan membuka pelayar terbina dalam dan memaparkan halaman HTML. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menjalankan projek HTML yang dibuat oleh vscode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
vscode
sumber：php.cn
Artikel sebelumnya：Kunci manakah yang digunakan oleh vscode untuk menjalankan kod? Artikel seterusnya：Bagaimana untuk menetapkan latar belakang dan fon semasa membuat projek HTML dengan vscode
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
kaedah routeAreCached() dalam Laravel tidak ditentukan Tolong beri saya sedikit bantuan. Saya cuba menyediakan pasport untuk aplikasi Laravel say...
daripada 2023-11-08 18:45:24
0
2
181
"'vue-cli-service@latest' tiada daripada pendaftaran Windows npm tetapi berfungsi dengan baik dalam WSL" Saya mempunyai aplikasi Vue yang saya cuba jalankan menggunakan npmrunstart, tetapi apabil...
daripada 2023-11-07 10:01:47
0
1
290
Kod Visual Studio Intellisense dan autolengkap - Vite, JSconfig dan alias - tidak dapat mengetahui kombinasi yang betul Baru mula bekerja dengan Visual Studio Code sekali lagi selepas bertahun-tahun menggunakan...
daripada 2023-11-04 16:37:58
0
1
250
Mencipta aplikasi Next.js dalam Kod VS tidak mempunyai folder Halaman atau Gaya Apabila mencipta aplikasi Next.js dalam VSCode, saya menjalankan arahan berikut: "npx...
daripada 2023-11-03 11:53:11
0
1
260
Vuejs - Titik putus tidak ditetapkan dalam VSCODE Saya cuba menyahpepijat vuejs menggunakan vscode, saya telah mencuba banyak tutorial/jawap...
daripada 2023-11-02 15:53:39
0
2
292
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！