在 vs code 中運行 html 文件的方法主要有三種：1. 直接用瀏覽器打開 html 文件；2. 安裝并使用 live server 插件實現自動刷新和本地服務器預覽；3. 使用 vs code 自帶的預覽功能（需手動刷新）。若 html 文件顯示亂碼，應確保文件保存為 utf-8 編碼并在 html 頭部聲明 。
VS Code 運行 HTML 文件其實很簡單，主要就是靠瀏覽器。你編輯好 HTML 文件后，直接用瀏覽器打開就能看到效果了。當然，VS Code 也有一些插件可以更方便地預覽和調試。
在 VS Code 中運行 HTML 文件，本質上就是用瀏覽器打開這個文件。你可以直接在文件管理器中找到 HTML 文件，雙擊用默認瀏覽器打開。或者，在 VS Code 中安裝一些插件，比如 “Live Server”，可以實現自動刷新，修改代碼后瀏覽器會自動更新，非常方便。
VS Code 中 Live Server 插件怎么用？
Live Server 絕對是開發前端必備的 VS Code 插件之一。安裝好 Live Server 后，在 HTML 文件中右鍵，選擇 “Open with Live Server”，它就會自動啟動一個本地服務器，并在瀏覽器中打開你的 HTML 文件。之后你修改代碼保存，瀏覽器會自動刷新，實時顯示修改后的效果，省去了手動刷新的麻煩。而且，它還支持熱加載，可以更快地看到修改效果。
立即學習“前端免費學習筆記（深入）”；
如果沒有 Live Server，還有其他方法預覽 HTML 嗎？
當然有。除了 Live Server，你還可以使用 VS Code 自帶的預覽功能。雖然功能沒有 Live Server 強大，但也能滿足基本的預覽需求。你可以在 VS Code 中打開 HTML 文件，然后按下 Ctrl+Shift+P (windows) 或 Cmd+Shift+P (Mac)，輸入 “Show Preview” 或者 “Open Preview to the Side”，就可以在 VS Code 的側邊欄中預覽 HTML 文件了。不過，這種方式不會自動刷新，需要手動刷新才能看到修改后的效果。
為什么我的 HTML 文件在 VS Code 中打開是亂碼？
HTML 文件亂碼通常是因為編碼格式不正確。確保你的 HTML 文件保存時使用的編碼格式是 UTF-8。你可以在 VS Code 的右下角看到當前文件的編碼格式，如果不是 UTF-8，點擊它可以修改編碼格式。另外，HTML 文件頭部也要聲明編碼格式，在
標簽中加入 這一行代碼。這樣就可以告訴瀏覽器使用 UTF-8 編碼來解析 HTML 文件，避免亂碼問題。如果還是亂碼，可以嘗試重啟 VS Code，或者檢查一下你的操作系統是否支持 UTF-8 編碼。
