Bagaimana untuk menjalankan html dengan vscode-VSCode-php.cn

Bagaimana untuk menjalankan html dengan vscode

下次还敢

Lepaskan： 2024-04-03 04:21:20

asal

1447 orang telah melayarinya

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:

Buka Kod Visual Studio (VSCode).
Buat fail HTML baharu atau buka fail sedia ada.
Dalam fail HTML, masukkan kod berikut:

<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的网站！</h1>
</body>
</html></code>

Salin selepas log masuk

Pergi ke tab Terminal atau tekan Ctrl + ~ (Cmd + <code>~) membuka terminal terbina dalam. Ctrl + ~（Mac 为 Cmd + ~）打开内置终端。
在终端中，输入以下命令：

<code>live-server</code>

Salin selepas log masuk

按 Enter 键。

详细信息：

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

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

以下是一些其他提示：

在运行 HTML 文件之前，请确保已安装 Live Server 扩展。
Live Server 也可以通过单击 VSCode 底部的 Live Server 图标（类似于播放器按钮）启动。
您可以按 Ctrl + L（Mac 为 Cmd + L
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: 🎜

Ctrl

L

Cmd

L

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