Sublime?

Tags: 瀏覽器, 路徑,

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

Sublime Text 3 配置瀏覽器預覽路徑 localhost

工具/原料

Sublime Text 3

SideBarEnhancements

方法/步驟

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

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

Sublime Text 3 配置瀏覽器預覽路徑 localhost

在打開的文件中添加:

{

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

}

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

Sublime Text 3 配置瀏覽器預覽路徑 localhost

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

Sublime Text 3 配置瀏覽器預覽路徑 localhost

在打開的文件中添加如下內容:

{

"E:/WEBSITE/HelloWorld/":{

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

"url_production": ";

}

}

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

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

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

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

Sublime Text 3 配置瀏覽器預覽路徑 localhost

為瀏覽器綁定熱鍵。

在 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",可以根據自己的使用習慣進行修改。

Sublime Text 3 配置瀏覽器預覽路徑 localhost

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

Sublime Text 3 配置瀏覽器預覽路徑 localhost

注意事項

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

瀏覽器, 路徑,
相關問題答案