Sublime Text 3怎么设配置浏览默认路径为localhost?

Sublime Text 3 受到程序员的喜爱,被誉为码农神器,具体优点就不说了。在 Sublime Text 3 中,可以对当前编辑的页面调用浏览器进行预览,但是默认的浏览器路径为文件所在的磁盘路径,这样如果是PHP、ASP文件的话,就不能正常工作,那么怎么配置浏览器默认的浏览路径为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、在打开的文件中添加如下内容:
{
"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" 是项目线上地址
请根据自己的情况进行修改。
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",可以根据自己的使用习惯进行修改。
7、至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。
注意事项:
用 Package Control 安装的 SideBarEnhancements 只支持 Sublime Text 3,不支持旧版本的 Sublime Text 2
相关推荐:
Sublime Text 3怎么设置为Markdown编辑器?
相关文章
- sublime text 3文件路径没有提示该怎么设置?sublime text 3编辑程序的时候,发现输入图片路径写src的时候没有文件路径提示,很不方便,该怎么设置显示路径提示呢?下面我2016-09-07
- sublime text3怎么设置代码字体的大小?sublime text处理程序代码的时候,发现字体看上去很累,该怎么办呢?下面我们就来看看sublime text3中调整代码字体大小的教程,需要2016-09-05
sublime text3中tab怎么设置为默认缩进四个空格?
sublime text3中tab怎么设置为默认缩进四个空格?sublime text3中默认是两个空格的,但是现在有特殊要求,想换成4个空格,该怎么做呢?下面我们就来看看详细的教程,需要的2016-09-04- sublime text 3怎么给语法代码设置高亮显示?sublime text 3中经常编辑代码,但是怎么设置让代码高亮显示呢?下面我们就来看看详细的设置方法,需要的朋友可以参考下2016-09-02
- sublime text3怎么关闭分屏?sublime text3编写代码的时候,为了方便,使用了分屏模式,但是现在不想分屏了,该怎么关闭分屏呢》下面我们就来看看详细的教程,需要的朋友可2016-09-01
- Sublime Text怎么设置文本自动换行?Sublime Text中有一个比较不好的事情,就是输入的文本不自动换行,看起来很别扭,该怎么设置文本自动换行呢?请看下文详细设置,需要的2016-08-16
- SublimeText怎么取消文件点击预览功能?SublimeText中单击文件后如果删除还会有一个tab页面也还在,每次都要关闭,还要选择不保存,太麻烦,下面我们就来看看在配置中关掉2016-08-02
Sublime Text 3怎么设置为Markdown编辑器?
Sublime Text 3怎么设置为Markdown编辑器?Sublime中可以安装一些扩展插件来完成一些功能,下面我们就来看看将Sublime Text 3变成一个 Markdown的编辑器的教程,需要的朋友2016-08-01- sublime text3怎么新建站点?sublime text3编辑项目的时候,想自己新建一个站点,该怎么建立呢?今天我们就来看看使用sublime text3建立站点的详细教程,需要的朋友可以参2016-06-05
- Sublime Text编辑器不显示菜单栏该怎么办?使用Sublime Text编辑代码的时候,发现找不到菜单栏了,该怎么办呢?下面我们就来看看这个问题的解决办法,需要的朋友可以参考下2016-05-17
最新评论