2013/8/22

如何在Sublime Text建立開啓瀏覽器預覽快捷鍵



身為一個網頁開發人員,最常做的一件事,除了上網就是寫Code,然而在寫網頁的時候,最常測試自己寫的Code在瀏覽器上顯示得如何,如果這時候在Sublime Text上有個快捷鍵可以快速預覽,那該有多好!

其實在Sublime Text 2的版本,已經有內建「Open in Browser」的功能,只要你在程式碼頁面上點右鍵,在裡面的功能選單就內建這樣的功能。只是經常性的從鍵盤移到滑鼠的周返動作,很容易浪費時間,如果這時在有個快捷鍵那就完美了。

其實我們可以在Sublime Text上面的「Build System」底下建立一個執行程序,建立路徑如下「Tools > Build System > New Build System」,點選後,程式會自動開啓一個新的檔案,此時你只要修改成如下的程式碼:

Mac 使用者
{
    "cmd": ["open", "-a", "Google Chrome", "$file"]
}
Windows 使用者
{
    "cmd": ["PATH_TO_YOUR_CHROME", "$file"]
}
Linux 使用者
{
    "cmd": ["google-chrome", "$file"]
}
然後另存成「Chrome.sublime-build」(你也可以改成你喜歡的名字),之後當你要預覽測試時,Mac使用者只要按下「Cmd + B」,Windows使用者按下「Ctrl + B」或「F7」即可快速啓動瀏覽器預覽,很方便吧!


沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。