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

时间: 2024-10-07 04:51:08

Sublime Text 3配置浏览默认路径为localhost的相关文章

Sublime Text 3 配置分析 --摘录于http://www.educity.cn/wenda/150004.html

Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和no_antialias关闭反锯齿// subpixel_antialias和no_round是OS

Sublime Text 3 配置分析

Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和no_antialias关闭反锯齿// subpixel_antialias和no_round是OS

Sublime Text 3 配置c/c++编译环境(转)

sublime text 3提供了构建功能,它的构建系统(Build systems)可以运行一段外部命令,还可以捕获输出并显示. 要在sublime text 3中实现c或c++代码的编译和运行,在本质上说也是调用外部的命令,windows中也可以理解为执行一段cmd命令. 目前c/c++编译器最流行的就是gcc和g++,本文将从MinGW开始,介绍gcc和g++的基本命令格式,然后详细介绍sublime中自带的编译配置文件,分析每一行的作用.然后给出win7 64bit下 Sublime T

sublime text 3 配置、插件、快捷键

sublime text 3 注册: -– BEGIN LICENSE -– Ryan Clark Single User License EA7E-812479 2158A7DE B690A7A3 8EC04710 006A5EEB 34E77CA3 9C82C81F 0DB6371B 79704E6F 93F36655 B031503A 03257CCC 01B20F60 D304FA8D B1B4F0AF 8A76C7BA 0FA94D55 56D46BCE 5237A341 CD837F

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

原理 1. 首先你要配置可以编译C++/C环境 2. window中配置该运行环境的环境变量,可以全局使用 3. sublime Text创建新的构建机制,并设置用改全局编译环境 详细过程 可以编译C/C++环境,我们安装MinGW可以先到我的网盘上下载mingw-get-setup然后安装.我都是默认安装的,安装后的路径是C:\MinGW 在window环境变量中设置MinGW的路径,具体可以看贴吧某贴.然后检查是否在window可以使用g++了.在cmd中敲打g++ -v命令,如果出现g++

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

原则 1. 首先你要配置能够编译C++/C环境 2. window中配置该执行环境的环境变量,能够全局使用 3. sublime Text创建新的构建机制.并设置用改全局编译环境 具体过程 能够编译C/C++环境.我们安装MinGW能够先到我的网盘上下载mingw-get-setup然后安装.我都是默认安装的.安装后的路径是C:\MinGW 在window环境变量中设置MinGW的路径,详细能够看贴吧某贴.然后检查是否在window能够使用g++了.在cmd中敲打g++ -v命令.假设出现g++

Sublime Text 3 配置 PHPCS 插件

Download php code sniffer addon via Package Control in ST3. Download The php-cs-fixer File From This Website => cs.sensiolabs.org/ (Direct Link => cs.sensiolabs.org/get/php-cs-fixer.phar) Copy Downloaded File To Your php.exe directory (mine is C:/XA

sublime text 3 配置python IDE

Python越来越受“程序猿”们的青睐.快速的开发模式,简洁的代码格式,海量的扩展,这无疑都为python的火热奠定了基础. “磨刀不误砍柴工”,一款功能强劲的IDE能帮助开发者有效的管理.编辑,运行工程代码.Python的开发IDE比较常用的Eclipse + Pydev.JetBrains的Pycharm[收费]等,神级代码编辑软件 Sublime text 3因其强大的代码编辑能和便捷海量的插件而著称. Sublime text 3 也可以配置成Python的IDE,而且经过小编亲测,效果

Sublime Text 2配置

gedit用了很久,终于换编辑器了T_T Sublime Text 自行百度谷歌. 一开始我在官网下载的压缩包,然后自己配置.搞了半天后果断删掉...还是用源的自动安装吧.T_T 恩.下面的命令 sudo add-apt-repository ppa:webupd8team/sublime-text-2 sudo apt-get update sudo apt-get install sublime-text-2 然后安装好就是咱们的st了. 可是你发现了啥没..不能输入中文.囧 1.解决Sub