.jpg)
sublime text不能直接運(yùn)行html，需通過瀏覽器預(yù)覽。方法一：保存html文件后雙擊直接在瀏覽器中打開；方法二：安裝view in browser或open in browser插件，通過快捷鍵或右鍵菜單實現(xiàn)快速預(yù)覽；方法三：使用live server實現(xiàn)實時刷新，需先安裝node.JS和npm，再全局安裝live server并運(yùn)行。
sublime Text本身并不直接運(yùn)行HTML，它是一個文本編輯器，主要用于編寫代碼。你需要借助瀏覽器來預(yù)覽HTML文件。下面介紹幾種快速預(yù)覽HTML的方法。
解決方案
-
直接在瀏覽器中打開： 這是最簡單直接的方法。在sublime text中編輯好HTML文件后，保存。然后，找到保存的HTML文件，雙擊它，瀏覽器會自動打開并顯示頁面。
-
使用Sublime Text插件： 有很多插件可以幫助你在Sublime Text中快速預(yù)覽HTML。比較常用的有View In Browser和Open In Browser。安裝這些插件后，你可以通過快捷鍵或右鍵菜單在瀏覽器中打開當(dāng)前編輯的HTML文件。
立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；
-
利用Live Server（需要Node.js環(huán)境）： 如果你需要實時預(yù)覽，每次修改代碼后瀏覽器自動刷新，可以考慮使用Live Server。首先，確保你安裝了Node.js和npm。然后，在命令行中全局安裝Live Server：npm install -g live-server。 在Sublime Text中編輯HTML文件，保存后，在命令行中進(jìn)入HTML文件所在的目錄，運(yùn)行l(wèi)ive-server命令。Live Server會自動打開你的默認(rèn)瀏覽器，并實時顯示HTML頁面。每次保存代碼，瀏覽器都會自動刷新。
Sublime Text如何安裝插件？
打開Sublime Text，按下Ctrl+Shift+P（windows/linux）或Cmd+Shift+P（Mac），輸入Install Package Control，選擇并安裝Package Control。安裝完成后，重啟Sublime Text。然后，再次按下Ctrl+Shift+P或Cmd+Shift+P，輸入Install Package，選擇并安裝你需要的插件，比如View In Browser或Open In Browser。
View In Browser 和 Open In Browser 插件有什么區(qū)別？
View In Browser插件通常會記住你上次使用的瀏覽器，并直接在該瀏覽器中打開HTML文件。而Open In Browser插件會彈出一個菜單，讓你選擇使用哪個瀏覽器打開HTML文件。選擇哪個取決于你的個人習(xí)慣。有些人喜歡固定使用某個瀏覽器，那么View In Browser更方便。有些人需要在不同的瀏覽器中測試頁面，那么Open In Browser更靈活。
Live Server 為什么需要Node.js環(huán)境？
Live Server 是一個基于 Node.js 的開發(fā)服務(wù)器，它使用 Node.js 運(yùn)行，并提供實時預(yù)覽的功能。Node.js 提供了一個運(yùn)行 JavaScript 代碼的服務(wù)器環(huán)境。Live Server 利用這個環(huán)境，監(jiān)聽文件變化，并在瀏覽器中自動刷新頁面。如果沒有 Node.js 環(huán)境，Live Server 就無法運(yùn)行。
.png)
