[Sublime Text] 設定 Build System,直接用瀏覽器開啟 HTML 檔

[Sublime Text] 設定 Build System,直接用瀏覽器開啟 HTML 檔

今天在用 Sublime Text 寫 JavaScript 的 QUnit 單元測試 (unit-testing) 程式,

寫完之後,想說直接用 Sublime Text 的 Build system,

直接把 unittest.html 在瀏覽器中執行,

結果說沒有關聯的 build system…

 

沒關係,參考一下之前寫過的這篇:

在 Sublime Text 設定 Build System 直接執行 Node.js 檔

就來做一個 HTML 的 build system 吧~

 

1. 設定 Build System

一樣是在 Sublime Text 中,選擇 Tools > Build System > New Build System,

在開啟的設定檔裡面,寫入以下的內容:

{
    "cmd": ["open", "$file"]
}

 

再把這個設定檔存成 HTML.sublime-build 就行了~

 

2. 執行 Build System

在 Sublime Text 裡,切到 HTML 檔案的編輯分頁,

執行 Tools > Build (或 Cmd-B),

Sublime Text 就很聰明的選擇了 HTML 這個 build system,

(如果沒那麼聰明的話,自己選擇 Tools > Build System > HTML 吧 :P)

自動用 Chrome 開啟了我正在編輯的 unittest.html 囉:

(本頁面已被瀏覽過 2,473 次)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料