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

所属分类: 软件教程 / 编程开发 阅读数: 1464
收藏 0 赞 0 分享

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怎么关闭代码提示?

sublime text3怎么设置代码字体的大小?

Sublime Text 3怎么设置为Markdown编辑器?

更多精彩内容其他人还在看

VisualStudio2015怎么设计一个注册信息的页面?

VisualStudio2015怎么设计一个注册信息的页面?vs2015中想要设计一个注册表信息的页面,该怎么制作填写信息的表格呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Notepad怎么显示隐藏的字符?

Notepad怎么显示隐藏的字符?Notepad++中文件都有隐藏的字符,想要显示隐藏的字符,该怎么显示呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么提交作业? VS提交作业的方法

VS2017怎么提交作业?VS2017中做编程开发的时候,想要进行作业提交,该怎么提交呢?下面我们就来看看VS提交作业的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么使用作业视图?

VS2017怎么使用作业视图?VS2017中想要使用作业视图,该怎么使用作业视图呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么使用Web代码分析功能?

VS2017怎么使用Web代码分析功能?经常使用VS2017进行编程开发,这个软件有很多功能,今天我们就来给大家介绍Web代码分析的使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么使用ADLS路径?

VS2017怎么使用ADLS路径?VS2017编程开发经常使用的软件,该怎么使用ADLS路径呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

vscode英文版怎么显示隐藏行号?

vs code英文版怎么显示隐藏行号?Visual Studio Code中编程开发的时候,想要隐藏行号,该怎么隐藏或者显示行号呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

vscode英文版怎么设置自动保存的时间?

vscode英文版怎么设置自动保存的时间?使用vscode软件的时候,为了防止意外早层的文件丢失损失,想要设置自动保存文件,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Sublime怎么查看最近打开的文件?

Sublime怎么查看最近打开的文件?Sublime编程开发的时候,想要打开之前打开过的文件,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Authorware多媒体课件怎么插入背景音乐?

Authorware多媒体课件怎么插入背景音乐?Authorware制作的课件需要插入音乐,该怎么插入背景音乐呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多