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

原文链接：http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html

按步骤设置成功！感谢大侠！

以下是原文：

Sublime Text 3 受到程序员的喜爱，被誉为码农神器，具体优点就不说了。在 Sublime Text 3 中，可以对当前编辑的页面调用浏览器进行预览，但是默认的浏览器路径为文件所在的磁盘路径，这样如果是PHP、ASP文件的话，就不能正常工作，那么怎么配置浏览器默认的浏览路径为localhost呢，且听分解。

工具/原料

Sublime Text 3
SideBarEnhancements

方法/步骤

在 Sublime Text 3 中，安装 SideBarEnhancements 侧边栏增强插件。
SideBarEnhancements 插件安装完成后，首先为 SideBarEnhancements 指定默认浏览器。打开 " Preference --> Package Settings --> Side Bar --> Settings User-User"
在打开的文件中添加：

{

"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari,

　"portable_browser": "D:/Program Files/Mozilla Firefox/firefox.exe",
// "portable_browser": "D:/Program Files/UCBrowser/Application/UCBrowser.exe",

}

默认的浏览器可以是列表中的任意一种，在这里我选择的是Chrome，可以根据自己的情况进行选择。

portable_browser是自定义的，可直接指定浏览器。
为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键，选择 "Project --> Edit Preview URLs"
在打开的文件中添加如下内容：

{
    "E:/klaus/work/":{
        "url_testing": "http://localhost/",
        "url_production": "http://localhost/"
    }
}

1、"E:/WEBSITE/HelloWorld/" 是项目在磁盘中的路径，请修改为你的项目地址

2、"url_testing" 是你本地的 localhost 地址

3、 "url_production" 是项目线上地址

请根据自己的情况进行修改。
为浏览器绑定热键。

在 Sublime Text 3 中，打开 "Preference --> Package Settings --> Side Bar --> key Bindings-User"，在打开的文件中添加如下内容：

[

{

"keys": ["f12"],

"command": "side_bar_open_in_browser",

"args": {

"paths": [],

"type": "testing",

"browser": ""

}

}

]

在此，我为浏览器绑定的热键是 "F12"，可以根据自己的使用习惯进行修改。
至此，所有设置已经完成，可以在页面中按相应的热键，调用在配置文件中设置好的浏览器进行浏览。

END

注意事项

用 Package Control 安装的 SideBarEnhancements 只支持 Sublime Text 3，不支持旧版本的 Sublime Text 2

转载于:https://www.cnblogs.com/pthlp/p/4866919.html

Sublime Text 3 配置浏览器预览路径 localhost相关推荐

vs如何预览html页面,vscode如何用浏览器预览运行html文件
1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮: 2,进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索 3 ...
设置sublime text2/3中默认预览浏览器快捷键的方法
各位前端大神们,大家在用IDE编辑器的时候喜欢用哪些呢?是Dreamweaver.Zend Studio.editplus又或者是sublime text?今天马浩周给大家就要说说设置sublime ...
Sublime text3 设置快捷键打开指定浏览器预览
使用Sublime text3编写代码,发现快捷键F2在浏览器的预览功能竟然失效了,之前一直都是正常的,这款软件使用很久了,已经忘记当初是怎么配置的,于是在网上搜了设置自定义预览的方式第一步:在Pa ...
sublime Text3 设置多个浏览器预览
使用sublime时由于经常要在ie chrome firefox等浏览器中预览,所以很有必要设置多个浏览器预览步骤: (1)安装SideBarEnhancements插件(用sublime的应该都 ...
优秀的代码编辑器-Sublime Text 3配置教程
代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 好吧, ...
Sublime Text 3 配置和使用方法
下载: Sublime Text 3 官方下载地址 Sublime Text 3 汉化破解版资料: Sublime Text 非官方文档技巧 -用户或-User后缀的菜单项,其对应的配置文件都保存 ...
Sublime Text3 的 Markdown 实时预览全面总结
Sublime Text3 的 Markdown 实时预览全面总结文章转自:https://blog.csdn.net/qq_20011607/article/details/81370236 0. ...
直播视频跨浏览器预览方案（ffmpeg+VideoJS+H5）
直播视频跨浏览器预览方案(ffmpeg+VideoJS+H5)附源码 1.概述 2.前言 3.思路 4.详解 4.1.ffmpeg 4.1.1.配置方法 4.1.2.验证方法 4.1.3.启动方法 4 ...
kkfile配置https预览文件
同事找我说这个kkfile预览怎么配置到https下,同一个域名访问不会跨域. 我想了下大概思路: 1.kkfile的 context全局路径可以修改 context-path,比如:server.s ...

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

工具/原料

方法/步骤

注意事项

Sublime Text 3 配置浏览器预览路径 localhost相关推荐

最新文章

热门文章