sublime怎么運行代碼在瀏覽器html

sublime Text 中為 html 文件運行瀏覽器代碼的方法有以下步驟:安裝 “Live Server” 或 “Web Server for chrome” 擴展程序。配置 sublime text 的構建系統,添加以下代碼:{“cmd”: [“live-server”, “${file}”], “selector”: “source.html”}。運行代碼:打開 HTML 文件,轉到 “工具” > “構建”,選擇創建的構建系統,即可在瀏覽器中啟動本地服務器運行代碼。

sublime怎么運行代碼在瀏覽器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
喜歡就支持一下吧
點贊11 分享