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