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的更多相关文章

  1. Sublime Text 3 配置分析与我的配置---小结

    Sublime Text 3 配置解释(默认){// 设置主题文件"color_scheme": "Packages/Color Scheme – Default/Mon ...

  2. Sublime Text 3 配置和使用方法

    下载: Sublime Text 3 官方下载地址 Sublime Text 3 汉化破解版 资料: Sublime Text 非官方文档   技巧 -用户或-User后缀的菜单项,其对应的配置文件都 ...

  3. sublime text 3 配置方法

    一.安装sublime text 3 1>.执行sublime text 3的安装包(.exe)文件安装成功后,进入sublime的安装目录(例如:D:\Program Files\Sublim ...

  4. Sublime Text 3 配置Java开发

    Sublime Text 3 配置Java开发 内嵌模式 在Sublime内部输出面板显示执行过程 配置JavaC - INSET.sublime-build 打开Sublime的包目录(选择菜单:P ...

  5. 让你的sublime text写C代码 (sublime text 2 配置构建C开发环境)

    原则 1. 首先你要配置能够编译C++/C环境 2. window中配置该执行环境的环境变量,能够全局使用 3. sublime Text创建新的构建机制.并设置用改全局编译环境 具体过程 能够编译C ...

  6. Sublime Text 3配置与vim模式(待完整)

    Sublime Text 3通过设置默认值与用户值的方式,来进行配置.默认值不允许更改,用户值是用户进行配置.同一属性,当用户值存在时,默认值就无效.打开Preference,如图: 先贴下我的Set ...

  7. Sublime Text 3 配置Python3.x

    Sublime Text 3 配置Python3.x 一.Package Control 安装: 1,通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴 ...

  8. sublime Text 2 配置以及 Python环境搭建

    在搭建Python环境前,先设置好Sublime Text 2的环境. 一.Sublime Text 2配置: 1.离线安装: Perferences-->Browser Packages -- ...

  9. sublime text 3 配置python IDE

    Python越来越受“程序猿”们的青睐.快速的开发模式,简洁的代码格式,海量的扩展,这无疑都为python的火热奠定了基础. “磨刀不误砍柴工”,一款功能强劲的IDE能帮助开发者有效的管理.编辑,运行 ...

随机推荐

  1. IPv4 地址分类-for what

    怎么分的:IPV4 地址分类 A B C D E 分来做什么:IP地址为什要分类?就是a类,b类,c类...? - wuxinliulei的回答 - 知乎

  2. Django中三种方式写form表单

    除了在html中自己手写form表单外,django还可以通过 继承django.forms.Form 或django.forms.ModelForm两个类来自动生成form表单,下面依次利用三种方式 ...

  3. DNA Sorting

    DNA Sorting Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 105159   Accepted: 42124 De ...

  4. React入门----基础篇

    React 背景介绍 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做 ...

  5. 【Makefile】Makefile中的常用函数简介

    1. subst函数 格式:$(subst <from>, <to>, <text>)功能:把字串<text>中的<from>字符串替换成& ...

  6. OriginPro 9.1 科研图标绘制入门

    OriginPro 9.1 科研图标绘制入门 目的:1.介绍如何不用编程画出复杂多样的图表2.介绍OriginLab 常用功能3.科研报告时,有效绘图,省却时间 科研发展需求.反映专业形象.满足公司要 ...

  7. 在Python中使用lambda高效操作列表的教程

    在Python中使用lambda高效操作列表的教程 这篇文章主要介绍了在Python中使用lambda高效操作列表的教程,结合了包括map.filter.reduce.sorted等函数,需要的朋友可 ...

  8. 使用Mock 测试 controller层

    package action; import org.junit.Before;import org.junit.Test;import org.junit.runner.RunWith;import ...

  9. unity2d教程

    https://segmentfault.com/a/1190000003965359

  10. lumen返回网站base url

    可以使用全局帮助函数url() echo url(); //输出http://test.domain.com