Sublime Text 3 配置浏览器预览路径 localhost

原文链接：http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html

按步骤设置成功！感谢大侠！

以下是原文：

Sublime Text 3 受到程序员的喜爱，被誉为码农神器，具体优点就不说了。在 Sublime Text 3 中，可以对当前编辑的页面调用浏览器进行预览，但是默认的浏览器路径为文件所在的磁盘路径，这样如果是PHP、ASP文件的话，就不能正常工作，那么怎么配置浏览器默认的浏览路径为localhost呢，且听分解。

 

 

工具/原料

• Sublime Text 3
• SideBarEnhancements

方法/步骤

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,

   　"portable_browser": "D:/Program Files/Mozilla Firefox/firefox.exe",
     // "portable_browser": "D:/Program Files/UCBrowser/Application/UCBrowser.exe",

   }

   

   默认的浏览器可以是列表中的任意一种，在这里我选择的是Chrome，可以根据自己的情况进行选择。

   portable_browser是自定义的，可直接指定浏览器。

    
4.  

   为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键，选择 "Project --> Edit Preview URLs"

    
5.  

   在打开的文件中添加如下内容：

   {
       "E:/klaus/work/":{
           "url_testing": "http://localhost/",
           "url_production": "http://localhost/"
       }
   }

   1、"E:/WEBSITE/HelloWorld/" 是项目在磁盘中的路径，请修改为你的项目地址

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

   3、 "url_production" 是项目线上地址

   

   请根据自己的情况进行修改。

    
6.  

   为浏览器绑定热键。

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

   [

   {

   "keys": ["f12"],

   "command": "side_bar_open_in_browser",

   "args": {

   "paths": [],

   "type": "testing",

   "browser": ""

   }

   }

   ]

   在此，我为浏览器绑定的热键是 "F12"，可以根据自己的使用习惯进行修改。

    
7.  

   至此，所有设置已经完成，可以在页面中按相应的热键，调用在配置文件中设置好的浏览器进行浏览。

   

   END

注意事项

• 用 Package Control 安装的 SideBarEnhancements 只支持 Sublime Text 3，不支持旧版本的 Sublime Text 2