Sublime Text 3 受到程序員的喜愛(ài)，被譽(yù)為碼農(nóng)神器，具體優(yōu)點(diǎn)就不說(shuō)了。在 Sublime Text 3 中，可以對(duì)當(dāng)前編輯的頁(yè)面調(diào)用瀏覽器進(jìn)行預(yù)覽，但是默認(rèn)的瀏覽器路徑為文件所在的磁盤(pán)路徑，這樣如果是PHP、ASP文件的話，就不能正常工作，那么怎么配置瀏覽器默認(rèn)的瀏覽路徑為localhost呢，且聽(tīng)分解。

1、在 Sublime Text 3 中，安裝 SideBarEnhancements 側(cè)邊欄增強(qiáng)插件。

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

3、在打開(kāi)的文件中添加：

{

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

}

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

4、為 SideBarEnhancements 指定默認(rèn)localhsot目錄。在側(cè)邊欄任意文檔上點(diǎn)擊鼠標(biāo)右鍵，選擇 "Project --> Edit Preview URLs"

5、在打開(kāi)的文件中添加如下內(nèi)容：

{

    "E:/WEBSITE/HelloWorld/":{

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

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

    }

}

1）"E:/WEBSITE/HelloWorld/" 是項(xiàng)目在磁盤(pán)中的路徑，請(qǐng)修改為你的項(xiàng)目地址

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

3） "url_production" 是項(xiàng)目線上地址

請(qǐng)根據(jù)自己的情況進(jìn)行修改。

6、為瀏覽器綁定熱鍵。

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

[

{

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

        "command": "side_bar_open_in_browser",

        "args": {

                    "paths": [],

                    "type": "testing",

                    "browser": ""

                }

    }

]

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

7、至此，所有設(shè)置已經(jīng)完成，可以在頁(yè)面中按相應(yīng)的熱鍵，調(diào)用在配置文件中設(shè)置好的瀏覽器進(jìn)行瀏覽。

注意事項(xiàng)：

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

相關(guān)推薦：

Sublime Text 3怎么關(guān)閉代碼提示?

sublime text3怎么設(shè)置代碼字體的大小?

Sublime Text 3怎么設(shè)置為Markdown編輯器?