Sublime Text 3配置浏览器预览路径为localhost
在程序员中,Sublime Text 3被誉为码农神器,深受喜爱。然而,在默认情况下,Sublime Text 3对当前编辑的页面调用浏览器进行预览时,使用的是文件所在的磁盘路径,这可能导致PHP、ASP等文件无法正常工作。那么,如何将浏览器预览路径配置为localhost呢?接下来将详细介绍配置步骤。
安装SideBarEnhancements插件
首先,在Sublime Text 3中安装SideBarEnhancements侧边栏增强插件。安装完成后,需要指定SideBarEnhancements的默认浏览器。打开“Preference -> Package Settings -> Side Bar -> Settings User”,在打开的文件中添加以下内容:
```json
{
"default_browser": "chrome" //选择浏览器:firefox, aurora, chrome, canary, chromium, opera, safari
}
```
可以根据个人喜好选择默认浏览器,这里以Chrome为例。
指定默认localhost目录
为了将浏览路径指定为localhost,右键点击侧边栏中的任意文档,选择“Project -> Edit Preview URLs”,在打开的文件中添加类似以下内容:
```json
{
"E:/WEBSITE/HelloWorld/": {
"url_testing": "http://localhost:8008/",
"url_production": ""
}
}
```
注意,"E:/WEBSITE/HelloWorld/"应该替换为你项目在磁盘中的路径,同时根据实际情况修改"url_testing"为本地的localhost地址,"url_production"为项目线上地址。
浏览器绑定热键
在Sublime Text 3中,打开“Preference -> Package Settings -> Side Bar -> key Bindings-User”,在打开的文件中添加以下内容:
```json
[
{
"keys": ["alt f12"],
"command": "side_bar_open_in_browser",
"args": { "paths": [], "type": "testing", "browser": "" }
}
]
```
这里设置了快捷键“alt f12”用于调用在配置文件中设置好的浏览器进行浏览,用户可以根据自己的习惯进行修改。
通过以上步骤的设置,现在您已经成功配置了Sublime Text 3的浏览器预览路径为localhost。在编辑页面时,只需按下相应的热键,即可轻松调用浏览器进行预览。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。