2016 - 2024

感恩一路有你

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

浏览量:2902 时间:2024-03-24 17:25:14 作者:采采

在程序员中,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。在编辑页面时,只需按下相应的热键,即可轻松调用浏览器进行预览。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。