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

(0)

相关推荐

  • sublime text怎么使用快捷键运行浏览web/html页面?

    sublime text 是一款体积小非常实用的编辑器,基本上开发需要的插件都有,当我们在编写web程序的时候,需要单独去打开html文件来运行,很麻烦,那么有什么插件可以直接用快捷键打开呢? 1.打 ...

  • sublime text 3 快捷键大全以及配置编译环境

    Sublime text 3是码农最喜欢的代码编辑器,每天和代码打交道,必先利其器,掌握基本的代码编辑器的快捷键,能让你打码更有效率。刚开始可能有些生疏,只要花一两个星期坚持使用并熟悉这些常用的快捷键 ...

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

    Sublime Text 3 受到程序员的喜爱,被誉为码农神器,具体优点就不说了.在 Sublime Text 3 中,可以对当前编辑的页面调用浏览器进行预览,但是默认的浏览器路径为文件所在的磁盘路径 ...

  • Eclipse怎么配置Sublime Text编辑器?

    Sublime Text是一款功能强大的代码编辑工具,尤其使用它来编写前端语言会十分地方便.如果我们用Eclipse做java web相关的开发,我们可以用Eclipse来编写java代码,而像htm ...

  • Sublime Text 3如何配置本地服务器? Sublime本地服务器的配置方法

    Sublime Text 3配置本地服务器主要是让html代码运行在本地服务器中,该怎么配置本地服务器呢?下面我们就来看看详细的教程. 1.同样的我们需要借助一款插件来实现.打开Sublime,使用快 ...

  • sublime text 3 注册码及常用配置

    sublime text 3 注册码及常用配置 操作方法 01 下载安装最新版sublime text 3 02 输入注册码 help->enter license 输入以下内容 ----- B ...

  • 如何在sublime text中快速运行浏览web/html页面

    sublime text 是一款体积小非常实用的编辑器,基本上开发需要的插件都有,当我们在编写web程序的时候,需要单独去打开html文件来运行,很麻烦,那么有什么插件可以直接用快捷键打开呢? 操作方 ...

  • Sublime Text 全程指南

    摘要(Abstract) 本文系统全面的介绍了 Sublime Text,旨在成为最优秀的 Sublime Text 中文教程. 更新记录 2014/09/27:完成初稿 2014/09/28: 更正 ...

  • 将Sublime Text 2固定到Ubuntu启动器的方法

    Sublime Text 2是我用过的感觉最好的代码编辑器,UI和插件管理都很棒,而且现在处于无限期可以免费试用中,Ubuntu也是我最喜欢的Linux操作系统。因为Sublime Text并不是需要 ...