Sublime Text 3 配置浏览器预览路径 localhost
Sublime Text 3 受到程序员的喜爱,被誉为码农神器,具体优点就不说了。在 Sublime Text 3 中,可以对当前编辑的页面调用浏览器进行预览,但是默认的浏览器路径为文件所在的磁盘路径,这样如果是PHP、ASP文件的话,就不能正常工作,那么怎么配置浏览器默认的浏览路径为localhost呢,且听分解。
操作方法
- 01
在 Sublime Text 3 中,安装 SideBarEnhancements 侧边栏增强插件。
- 02
SideBarEnhancements 插件安装完成后,首先为 SideBarEnhancements 指定默认浏览器。打开 " Preference --> Package Settings --> Side Bar --> Settings User-User"
- 03
在打开的文件中添加: { "default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari } 默认的浏览器可以是列表中的任意一种,在这里我选择的是Chrome,可以根据自己的情况进行选择。
- 04
为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键,选择 "Project --> Edit Preview URLs"
- 05
在打开的文件中添加如下内容: { "E:/WEBSITE/HelloWorld/":{ "url_testing": "http://localhost:8008/", "url_production": "http://equipmentmgr.sinaapp.com/" } } 1、"E:/WEBSITE/HelloWorld/" 是项目在磁盘中的路径,请修改为你的项目地址 2、"url_testing" 是你本地的 localhost 地址 3、 "url_production" 是项目线上地址 请根据自己的情况进行修改。
- 06
为浏览器绑定热键。 在 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",可以根据自己的使用习惯进行修改。
- 07
至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。