cari

Rumah >alat pembangunan >VSCode >Bagaimana untuk menjalankan html dengan vscode

Bagaimana untuk menjalankan html dengan vscode

下次还敢
下次还敢asal
2024-04-03 04:21:201504semak imbas

Menjalankan fail HTML dalam Visual Studio Code hanya memerlukan langkah berikut: Cipta fail HTML dan masukkan kod. Buka terminal terbina dalam dan taip "live-server". Tekan Enter untuk membuka fail HTML dalam penyemak imbas lalai anda dan kemas kini perubahan fail dalam masa nyata.

Bagaimana untuk menjalankan html dengan vscode

Cara menjalankan HTML dalam Kod Visual Studio

Langkah:

  1. Buka Kod Visual Studio (VSCode).
  2. Buat fail HTML baharu atau buka fail sedia ada.
  3. Dalam fail HTML, masukkan kod berikut: 
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的网站！</h1>
</body>
</html></code>
  1. Pergi ke tab Terminal atau tekan Ctrl + ~ (Cmd + <code>~) membuka terminal terbina dalam. Ctrl + ~（Mac 为 Cmd + ~）打开内置终端。
  2. 在终端中，输入以下命令：
<code>live-server</code>
  1. 按 Enter 键。

详细信息：

Live Server 是 VSCode 的一个内置扩展，用于快速启动和预览基于浏览器的项目。它会在 localhost 上启动一个开发服务器，并自动对文件更改进行实时更新。

运行 HTML 文件后，Live Server 将在默认浏览器中打开该文件。您可以看到页面已成功渲染，并且对文件所做的任何更改都会自动刷新浏览器中的页面。

以下是一些其他提示：

  • 在运行 HTML 文件之前，请确保已安装 Live Server 扩展。
  • Live Server 也可以通过单击 VSCode 底部的 Live Server 图标（类似于播放器按钮）启动。
  • 您可以按 Ctrl + L（Mac 为 Cmd + L
    • Dalam Terminal, masukkan arahan berikut:
  • rrreee
    Tekan Enter. 🎜🎜🎜Butiran: 🎜🎜Pelayan Langsung ialah sambungan terbina dalam untuk VSCode untuk melancarkan dan melihat pratonton projek berasaskan penyemak imbas dengan cepat. Ia memulakan pelayan pembangunan pada localhost dan secara automatik melakukan kemas kini secara langsung pada perubahan fail. 🎜🎜Selepas menjalankan fail HTML, Pelayan Langsung akan membuka fail dalam penyemak imbas lalai. Anda boleh melihat bahawa halaman itu berjaya dipaparkan dan sebarang perubahan yang dibuat pada fail akan memuat semula halaman secara automatik dalam penyemak imbas. 🎜🎜Berikut ialah beberapa petua tambahan: 🎜
    🎜Sebelum menjalankan fail HTML, pastikan anda memasang sambungan Pelayan Langsung. 🎜🎜Pelayan Langsung juga boleh dimulakan dengan mengklik ikon Pelayan Langsung (serupa dengan butang pemain) di bahagian bawah VSCode. 🎜🎜Anda boleh menekan Ctrl + L (Cmd + L untuk Mac) untuk menukar dengan cepat antara terminal dan editor bertukar antara. 🎜🎜Pelayan Langsung menggunakan port 5500 secara lalai. Anda boleh menukar port dengan mengedit fail settings.json. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menjalankan html dengan vscode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

json html visual studio vscode visual studio code
Kenyataan：
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 sebelumnya：Bagaimana untuk menjalankan html secara langsung dengan vscodeArtikel seterusnya：Bagaimana untuk menjalankan html secara langsung dengan vscode

Artikel berkaitan

Lihat lagi