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

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在打开的文件中添加如下内容：

{

“D:/php/wamp/www/”:{

“url_testing”: “http://localhost/“,

“url_production”: “”

}

}

“D:/php/wamp/www/” 是项目在磁盘中的路径，请修改为你的项目地址

“url_testing” 是你本地的 localhost 地址

“url_production” 是项目线上地址

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

6为浏览器绑定热键。

在 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”，可以根据自己的使用习惯进行修改。

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

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