在 sublime Text 中為 html 文件運行瀏覽器代碼的方法有以下步驟:安裝 “Live Server” 或 “Web Server for chrome” 擴展程序。配置 sublime text 的構建系統,添加以下代碼:{“cmd”: [“live-server”, “${file}”], “selector”: “source.html”}。運行代碼:打開 HTML 文件,轉到 “工具” > “構建”,選擇創建的構建系統,即可在瀏覽器中啟動本地服務器運行代碼。
如何在 Sublime Text 中為 HTML 文件運行瀏覽器代碼
步驟 1:安裝瀏覽器插件
- Google Chrome:安裝 “Live Server” 擴展程序。
- Mozilla firefox:安裝 “Web Server for Chrome” 擴展程序。
步驟 2:配置 Sublime Text 構建系統
在 Sublime Text 中,依次轉到:
立即學習“前端免費學習筆記(深入)”;
- 菜單欄 > 工具 > 構建系統 > 新建構建系統
- 輸入以下 JSON 代碼并保存文件(例如在用戶目錄中):
{ "cmd": ["live-server", "${file}"], "selector": "source.html" }
將 “live-server” 替換為你安裝的瀏覽器擴展程序的名稱(即 “web-server”)。
步驟 3:運行代碼
- 確保已打開 HTML 文件。
- 轉到菜單欄 > 工具 > 構建,然后選擇你創建的構建系統(例如 “Live Server”)。
Sublime Text 現在將在瀏覽器中啟動一個本地服務器,運行你的 HTML 代碼。
其他注意事項:
- 確保已在系統路徑中安裝 Node.js,因為 “live-server” 依賴于它。
- 如果你想在不同的端口運行服務器,可以在構建系統中添加 “port” 參數:
"cmd": ["live-server", "${file}", "--port", "8080"]
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦