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

  发布时间:2016-09-07 14:30:55   作者:佚名   我要评论
Sublime Text 3怎么设置浏览器打开就是localhost路径?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怎么关闭代码提示?

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

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

相关文章

  • sublime text 3文件路径没有提示该怎么设置?

    sublime text 3文件路径没有提示该怎么设置?sublime text 3编辑程序的时候,发现输入图片路径写src的时候没有文件路径提示,很不方便,该怎么设置显示路径提示呢?下面我
    2016-09-07
  • sublime text3怎么设置代码字体的大小?

    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怎么给语法代码设置高亮显示?sublime text 3中经常编辑代码,但是怎么设置让代码高亮显示呢?下面我们就来看看详细的设置方法,需要的朋友可以参考下
    2016-09-02
  • sublime text3怎么关闭分屏?

    sublime text3怎么关闭分屏?sublime text3编写代码的时候,为了方便,使用了分屏模式,但是现在不想分屏了,该怎么关闭分屏呢》下面我们就来看看详细的教程,需要的朋友可
    2016-09-01
  • Sublime Text怎么设置文本自动换行?

    Sublime Text怎么设置文本自动换行?Sublime Text中有一个比较不好的事情,就是输入的文本不自动换行,看起来很别扭,该怎么设置文本自动换行呢?请看下文详细设置,需要的
    2016-08-16
  • SublimeText怎么取消文件点击预览功能?

    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编辑项目的时候,想自己新建一个站点,该怎么建立呢?今天我们就来看看使用sublime text3建立站点的详细教程,需要的朋友可以参
    2016-06-05
  • Sublime Text编辑器不显示菜单栏该怎么办?

    Sublime Text编辑器不显示菜单栏该怎么办?使用Sublime Text编辑代码的时候,发现找不到菜单栏了,该怎么办呢?下面我们就来看看这个问题的解决办法,需要的朋友可以参考下
    2016-05-17

最新评论