1. 程式人生 > >Sublime Text 3配置瀏覽默認路徑為localhost

Sublime Text 3配置瀏覽默認路徑為localhost

技術 type project 打開 url 目錄 host ren get

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、在打開的文件中添加如下內容:

{
    "C:/wamp/www": {   // 服務器入口
   "url_testing": "http://localhost:80/",   //測試服務器地址
  "url_production": "http://www.xuzhou.com/"
//上架之後服務器地址,隨意設定
    } 
}

其中“C:/wamp/www/” 是項目在磁盤中的路徑,請修改為你的項目地址(集成開發環境wamp的www路徑下)
“url_testing” 是你本地的 localhost 地址
“url_production” 是項目線上地址,可以隨意設定

6、為瀏覽器綁定快捷鍵。
在 Sublime Text 3 中,打開 “Preference –> Package Settings –> Side Bar –> key Bindings-User”,在打開的文件中添加如下內容:

[
  {
        "keys": ["f2"],
        "command": "side_bar_open_in_browser",
        "args": {
                    "paths": [],
                    "type": "testing",
                    "browser": ""
                }
    },
]

在此,我為瀏覽器綁定的快捷鍵是 “F2”,可以根據自己的使用習慣進行修改。
至此,所有設置已經完成,可以在頁面中按相應的快捷鍵,調用在配置文件中設置好的瀏覽器進行瀏覽。

註意事項:

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

原文地址:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html

Sublime Text 3配置瀏覽默認路徑為localhost