首页 > 代码库 > Sublime Text 3配置浏览默认路径为localhost

Sublime Text 3配置浏览默认路径为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、在打开的文件中添加如下内容: 

{
    "C:/wamp/www": {   // 服务器入口
   "url_testing": "http://localhost:80/",   //测试服务器地址
  "url_production": "http://www.xuzhou.com/"
//上架之后服务器地址,随意设定
    } 
}

其中“C:/wamp/www/” 是项目在磁盘中的路径,请修改为你的项目地址(集成开发环境wamp的www路径下)
     “url_testing” 是你本地的 localhost 地址 
     “url_production” 是项目线上地址,可以随意设定 
 
6、为浏览器绑定快捷键。 
在 Sublime Text 3 中,打开 “Preference –> Package Settings –> Side Bar –> key Bindings-User”,在打开的文件中添加如下内容: 

[
  {
        "keys": ["f2"],
        "command": "side_bar_open_in_browser",
        "args": {
                    "paths": [],
                    "type": "testing",
                    "browser": ""
                }
    },
]

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

注意事项:

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

 原文地址:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html

Sublime Text 3配置浏览默认路径为localhost