在 visual studio Code 中運行 html 文件只需以下步驟：創建一個 HTML 文件并輸入代碼。打開內置終端并輸入“live-server”。按 Enter 鍵即可在默認瀏覽器中打開 HTML 文件，并實時更新文件更改。
如何在 visual studio code 中運行 HTML
步驟：
- 打開 Visual Studio Code (vscode)。
- 創建一個新的 HTML 文件或打開一個現有的文件。
- 在 HTML 文件中，輸入以下代碼：
<!DOCTYPE html> <html> <head> <title>我的第一個 HTML 頁面</title> </head> <body> <h1>歡迎來到我的網站！</h1> </body> </html>
- 轉到“終端”選項卡或按 Ctrl + ~（Mac 為 Cmd + ~）打開內置終端。
- 在終端中，輸入以下命令：
live-server
- 按 Enter 鍵。
詳細信息：
Live Server 是 VSCode 的一個內置擴展，用于快速啟動和預覽基于瀏覽器的項目。它會在 localhost 上啟動一個開發服務器，并自動對文件更改進行實時更新。
運行 HTML 文件后，Live Server 將在默認瀏覽器中打開該文件。您可以看到頁面已成功渲染，并且對文件所做的任何更改都會自動刷新瀏覽器中的頁面。
以下是一些其他提示：
- 在運行 HTML 文件之前，請確保已安裝 Live Server 擴展。
- Live Server 也可以通過單擊 VSCode 底部的 Live Server 圖標（類似于播放器按鈕）啟動。
- 您可以按 Ctrl + L（Mac 為 Cmd + L）快速在終端和編輯器之間切換。
- Live Server 默認使用端口 5500。您可以通過編輯 settings.json 文件來更改端口。
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
