Sublime Text 3 受到程序員的喜愛，被譽為碼農神器，具體優點就不說了。在 Sublime Text 3 中，可以對當前編輯的頁面調用瀏覽器進行預覽，但是默認的瀏覽器路徑為文件所在的磁盤路徑，這樣如果是PHP、ASP文件的話，就不能正常工作，那么怎么配置瀏覽器默認的瀏覽路徑為localhost呢，且聽分解。

1、在 Sublime Text 3 中，安裝 SideBarEnhancements 側邊欄增強插件。

2、SideBarEnhancements 插件安裝完成后，首先為 SideBarEnhancements 指定默認瀏覽器。打開 " Preference --> Package Settings --> Side Bar --> Settings User-User"

3、在打開的文件中添加：

{

  "default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari

}

默認的瀏覽器可以是列表中的任意一種，在這里我選擇的是Chrome，可以根據自己的情況進行選擇。

4、為 SideBarEnhancements 指定默認localhsot目錄。在側邊欄任意文檔上點擊鼠標右鍵，選擇 "Project --> Edit Preview URLs"

5、在打開的文件中添加如下內容：

{

    "E:/WEBSITE/HelloWorld/":{

        "url_testing": "http://localhost:8008/",

        "url_production": "http://equipmentmgr.sinaapp.com/"

    }

}

1）"E:/WEBSITE/HelloWorld/" 是項目在磁盤中的路徑，請修改為你的項目地址

2）"url_testing" 是你本地的 localhost 地址

3） "url_production" 是項目線上地址

請根據自己的情況進行修改。

6、為瀏覽器綁定熱鍵。

在 Sublime Text 3 中，打開 "Preference --> Package Settings --> Side Bar --> key Bindings-User"，在打開的文件中添加如下內容：

[

{

        "keys": ["alt+f12"],

        "command": "side_bar_open_in_browser",

        "args": {

                    "paths": [],

                    "type": "testing",

                    "browser": ""

                }

    }

]

在此，我為瀏覽器綁定的熱鍵是 "alt + F12"，可以根據自己的使用習慣進行修改。

7、至此，所有設置已經完成，可以在頁面中按相應的熱鍵，調用在配置文件中設置好的瀏覽器進行瀏覽。

注意事項：

用 Package Control 安裝的 SideBarEnhancements 只支持 Sublime Text 3，不支持舊版本的 Sublime Text 2

相關推薦：

Sublime Text 3怎么關閉代碼提示?

sublime text3怎么設置代碼字體的大小?

Sublime Text 3怎么設置為Markdown編輯器?