Sublime Text 3 配置浏览器预览路径 localhost
原文链接:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html
按步骤设置成功!感谢大侠!
以下是原文:
Sublime Text 3 受到程序员的喜爱,被誉为码农神器,具体优点就不说了。在 Sublime Text 3 中,可以对当前编辑的页面调用浏览器进行预览,但是默认的浏览器路径为文件所在的磁盘路径,这样如果是PHP、ASP文件的话,就不能正常工作,那么怎么配置浏览器默认的浏览路径为localhost呢,且听分解。
工具/原料
- Sublime Text 3
- SideBarEnhancements
方法/步骤
在 Sublime Text 3 中,安装 SideBarEnhancements 侧边栏增强插件。
SideBarEnhancements 插件安装完成后,首先为 SideBarEnhancements 指定默认浏览器。打开 " Preference --> Package Settings --> Side Bar --> Settings User-User"
在打开的文件中添加:
{
"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari,
"portable_browser": "D:/Program Files/Mozilla Firefox/firefox.exe",
// "portable_browser": "D:/Program Files/UCBrowser/Application/UCBrowser.exe",}
默认的浏览器可以是列表中的任意一种,在这里我选择的是Chrome,可以根据自己的情况进行选择。
portable_browser是自定义的,可直接指定浏览器。
为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键,选择 "Project --> Edit Preview URLs"
在打开的文件中添加如下内容:
{
"E:/klaus/work/":{
"url_testing": "http://localhost/",
"url_production": "http://localhost/"
}
}1、"E:/WEBSITE/HelloWorld/" 是项目在磁盘中的路径,请修改为你的项目地址
2、"url_testing" 是你本地的 localhost 地址
3、 "url_production" 是项目线上地址
请根据自己的情况进行修改。
为浏览器绑定热键。
在 Sublime Text 3 中,打开 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打开的文件中添加如下内容:
[
{
"keys": ["f12"],
"command": "side_bar_open_in_browser",
"args": {
"paths": [],
"type": "testing",
"browser": ""
}
}
]
在此,我为浏览器绑定的热键是 "F12",可以根据自己的使用习惯进行修改。
至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。
END
注意事项
- 用 Package Control 安装的 SideBarEnhancements 只支持 Sublime Text 3,不支持旧版本的 Sublime Text 2
Sublime Text 3 配置浏览器预览路径 localhost的更多相关文章
- sublime txt 设置在浏览器预览
1. 安装SideBarEnhancements插件 ctrl+shift+p —> Install Package —> 找到SideBarEnhancements 2. 配置预览快捷键 ...
- sublime text3如何在浏览器预览?
插件: view-in-browser CTRL + ALT + V 打开浏览器 默认打开firefox,settings里面可修改. Sublime Text - View In Browser V ...
- 在sublime text 3中设置浏览器预览快捷键
1.安装 SideBarEnhancements ctrl+shift+p,进入命令模式,然后输入package control(或者直接输 pci 或许也行),回车: 输入:SideBarEnhan ...
- 设置sublime text2/3中默认预览浏览器快捷键的方法
各位前端大神们,大家在用IDE编辑器的时候喜欢用哪些呢?是Dreamweaver.Zend Studio.editplus又或者是sublime text?今天马浩周给大家就要说说设置sublime ...
- Sublime Text 基础配置
作为一个码农,总有一款自己喜爱的编辑器.现今,我最喜欢的编辑器便是Sublime Text 3.其实很早便用了这款编辑器,大概是在两年前就开始用了吧.可总没有好好去学习下,很多很多功能不知道.今天下午 ...
- Sublime Text 3 配置和使用方法
下载: Sublime Text 3 官方下载地址 Sublime Text 3 汉化破解版 资料: Sublime Text 非官方文档 技巧 -用户或-User后缀的菜单项,其对应的配置文件都 ...
- Sublime Text 3 配置Java开发
Sublime Text 3 配置Java开发 内嵌模式 在Sublime内部输出面板显示执行过程 配置JavaC - INSET.sublime-build 打开Sublime的包目录(选择菜单:P ...
- Sublime Text 3 配置分析与我的配置---小结
Sublime Text 3 配置解释(默认){// 设置主题文件"color_scheme": "Packages/Color Scheme – Default/Mon ...
- Sublime Text 3 配置Python3.x
Sublime Text 3 配置Python3.x 一.Package Control 安装: 1,通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴 ...
随机推荐
- [React Fundamentals] Component Lifecycle - Mounting Basics
React components have a lifecycle, and you are able to access specific phases of that lifecycle. Thi ...
- java_可变参数构造器 Bulder模式
package com.test1.www; class NutritionFacts { //必须 private int servingSize; private int servings; // ...
- sql时间段算法
需求:领导要求写时间段算法,格式如下 :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: :-: 一小时制 :-: :-: :-: ...
- 手把手教你使用UICollectionView写公司的项目
在很多app中都有这样通用的页面,一直没有机会使用UICollectionView,只是简单的看过他的使用方法.今天公司美工出图,使用了他,并且遇到了好多的坑.记录一下过程,不确定使用的方法是不是最优 ...
- ios webview 图片自适应屏幕宽度
//这个知识点主要是自己最近在尝试写后台接口 在移动端展示的时候需要用到这个知识点,在webViewDidFinishLoad方法里面执行一段js代码 拿到各个图片 判断其宽度是否大于当前手机屏幕尺寸 ...
- C语言结构体的强制类型转换
陈浩师兄03年的一篇博客<用C写有面向对象特点的程序>描述了用C语言来实现类似C++类继承的方法,这样方法的核心要点就是结构体的强制类型转换,让我来简单分析分析C语言中的结构体强制类型转换 ...
- mac mysql error You must reset your password using ALTER USER statement before executing this statement.
安装完mysql 之后,登陆以后,不管运行任何命令,总是提示这个 step 1: SET PASSWORD = PASSWORD('your new password'); step 2: ALTER ...
- 从svn上down下来的版本在本机启动时各种问题
大姨妈来的时候人比较暴躁,险些摔了我的电脑,还好疼痛及时,没有力气了. 昨天刚从svn上down下来的项目源码,一开始就各种报错. 1,pom.xml文件错误, maven仓库中添加插件就好了 2.服 ...
- 关于Apache Commons-Lang的总结
部分转载至:http://linhongyu.blog.51cto.com/6373370/1553329 一.前言 Java码农不识Apache,敲尽一生也枉然.旗下的开源项目众多,各个都是吊炸天. ...
- 关于XML的DTD概述
1 DTD概述 1.1 什么是DTD DTD(Document Type Definition),文档类型定义,用来约束XML文档.或者可以把DTD理解为创建XML文档的结构!例如可以用DTD要求XM ...