Sublime Text 3怎么設(shè)配置瀏覽默認(rèn)路徑為localhost?

Sublime Text 3 受到程序員的喜愛,被譽(yù)為碼農(nóng)神器,具體優(yōu)點(diǎn)就不說了。在 Sublime Text 3 中,可以對當(dāng)前編輯的頁面調(diào)用瀏覽器進(jìn)行預(yù)覽,但是默認(rèn)的瀏覽器路徑為文件所在的磁盤路徑,這樣如果是PHP、ASP文件的話,就不能正常工作,那么怎么配置瀏覽器默認(rèn)的瀏覽路徑為localhost呢,且聽分解。
1、在 Sublime Text 3 中,安裝 SideBarEnhancements 側(cè)邊欄增強(qiáng)插件。
2、SideBarEnhancements 插件安裝完成后,首先為 SideBarEnhancements 指定默認(rèn)瀏覽器。打開 " Preference --> Package Settings --> Side Bar --> Settings User-User"
3、在打開的文件中添加:
{
"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、在打開的文件中添加如下內(nèi)容:
{
"E:/WEBSITE/HelloWorld/":{
"url_testing": "http://localhost:8008/",
"url_production": "http://equipmentmgr.sinaapp.com/"
}
}
1)"E:/WEBSITE/HelloWorld/" 是項(xiàng)目在磁盤中的路徑,請修改為你的項(xiàng)目地址
2)"url_testing" 是你本地的 localhost 地址
3) "url_production" 是項(xiàng)目線上地址
請根據(jù)自己的情況進(jìn)行修改。
6、為瀏覽器綁定熱鍵。
在 Sublime Text 3 中,打開 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打開的文件中添加如下內(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īng)的熱鍵,調(diào)用在配置文件中設(shè)置好的瀏覽器進(jìn)行瀏覽。
注意事項(xiàng):
用 Package Control 安裝的 SideBarEnhancements 只支持 Sublime Text 3,不支持舊版本的 Sublime Text 2
相關(guān)推薦:
sublime text3怎么設(shè)置代碼字體的大小?
Sublime Text 3怎么設(shè)置為Markdown編輯器?
相關(guān)文章
sublime text 3文件路徑?jīng)]有提示該怎么設(shè)置?
sublime text 3文件路徑?jīng)]有提示該怎么設(shè)置?sublime text 3編輯程序的時(shí)候,發(fā)現(xiàn)輸入圖片路徑寫src的時(shí)候沒有文件路徑提示,很不方便,該怎么設(shè)置顯示路徑提示呢?下面我2016-09-07sublime text3怎么設(shè)置代碼字體的大小?
sublime text3怎么設(shè)置代碼字體的大?。縮ublime text處理程序代碼的時(shí)候,發(fā)現(xiàn)字體看上去很累,該怎么辦呢?下面我們就來看看sublime text3中調(diào)整代碼字體大小的教程,需要2016-09-05sublime text3中tab怎么設(shè)置為默認(rèn)縮進(jìn)四個(gè)空格?
sublime text3中tab怎么設(shè)置為默認(rèn)縮進(jìn)四個(gè)空格?sublime text3中默認(rèn)是兩個(gè)空格的,但是現(xiàn)在有特殊要求,想換成4個(gè)空格,該怎么做呢?下面我們就來看看詳細(xì)的教程,需要的2016-09-04sublime text 3怎么給語法代碼設(shè)置高亮顯示?
sublime text 3怎么給語法代碼設(shè)置高亮顯示?sublime text 3中經(jīng)常編輯代碼,但是怎么設(shè)置讓代碼高亮顯示呢?下面我們就來看看詳細(xì)的設(shè)置方法,需要的朋友可以參考下2016-09-02- sublime text3怎么關(guān)閉分屏?sublime text3編寫代碼的時(shí)候,為了方便,使用了分屏模式,但是現(xiàn)在不想分屏了,該怎么關(guān)閉分屏呢》下面我們就來看看詳細(xì)的教程,需要的朋友可2016-09-01
Sublime Text怎么設(shè)置文本自動(dòng)換行?
Sublime Text怎么設(shè)置文本自動(dòng)換行?Sublime Text中有一個(gè)比較不好的事情,就是輸入的文本不自動(dòng)換行,看起來很別扭,該怎么設(shè)置文本自動(dòng)換行呢?請看下文詳細(xì)設(shè)置,需要的2016-08-16SublimeText怎么取消文件點(diǎn)擊預(yù)覽功能?
SublimeText怎么取消文件點(diǎn)擊預(yù)覽功能?SublimeText中單擊文件后如果刪除還會有一個(gè)tab頁面也還在,每次都要關(guān)閉,還要選擇不保存,太麻煩,下面我們就來看看在配置中關(guān)掉2016-08-02Sublime Text 3怎么設(shè)置為Markdown編輯器?
Sublime Text 3怎么設(shè)置為Markdown編輯器?Sublime中可以安裝一些擴(kuò)展插件來完成一些功能,下面我們就來看看將Sublime Text 3變成一個(gè) Markdown的編輯器的教程,需要的朋友2016-08-01- sublime text3怎么新建站點(diǎn)?sublime text3編輯項(xiàng)目的時(shí)候,想自己新建一個(gè)站點(diǎn),該怎么建立呢?今天我們就來看看使用sublime text3建立站點(diǎn)的詳細(xì)教程,需要的朋友可以參2016-06-05
- Sublime Text編輯器不顯示菜單欄該怎么辦?使用Sublime Text編輯代碼的時(shí)候,發(fā)現(xiàn)找不到菜單欄了,該怎么辦呢?下面我們就來看看這個(gè)問題的解決辦法,需要的朋友可以參考下2016-05-17