编辑器（13）
1.Tools-&build system-&new build system创建build文件
2.在新建的文件中编辑如下内容：
&& &&cmd&: [&C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe&, &$file&],
&& &&selector&:&text.html&
3.把编辑好的文件保存在sublime的目录\Sublime Text 2.0 x64\Data\Packages\User下
4.编写好html后可以直接按Ctrl+B打开指定的浏览器预览html页面。
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：298369次
积分：4162
积分：4162
排名：第6985名
原创：20篇
转载：639篇
(2)(2)(7)(9)(6)(4)(7)(19)(12)(5)(7)(8)(3)(20)(8)(18)(10)(27)(65)(21)(11)(9)(2)(50)(20)(5)(6)(16)(6)(1)(1)(14)(12)(19)(9)(2)(37)(90)(57)(1)(35)sublime text 3 浏览器预览html_sublime text_ThinkSAAS
sublime text 3 浏览器预览html
sublime text 3 浏览器预览html
内容来源： 网络
选择Tools - Build System - New Build Syatem...
然后粘贴代码
"cmd": ["chrome", "${file}"],
"working_dir": "${file_path}",
"shell":true,
"variants":
"name": "Run",
"cmd": [ "firefox","${file}"]
保存成 html.sublime-build
将其中的chrome 和firefox换成你希望的浏览器的路径，然后在编写html时,
设置Build System为html,就可以通过ctrl+B启动chrome打开html，shift+ctrl+B启动firefox 打开html
PHP开发框架
开发工具/编程工具
服务器环境查看: 8434|回复: 7
注册时间最后登录阅读权限10积分39精华0帖子
新手上路, 积分 39, 距离下一级还需 11 积分
我在sublime text中浏览器打开php文件后显示的是源代码，浏览器地址栏路径为D:\wamp\www\phpbase\014.php，如何设置才能让路径为localhost\www\phpbase\014.php，我的wamp已安装配置好，求教。
注册时间最后登录阅读权限10积分10精华0帖子
新手上路, 积分 10, 距离下一级还需 40 积分
参照文章：/jikey/archive//2955230.html
注册时间最后登录阅读权限70积分1430精华0帖子
金牌会员, 积分 1430, 距离下一级还需 1570 积分
ctrl+b打开浏览器,假设你的www目录为D:\\www\\
编辑sublime Text/Data/Packages/User/open_broswer.py
url_map = {
& & 'D:\\www\\' : 'http://localhost/',
[注意] D:\\www\\应为你的localhost指向的真实目录
点击--&Preferences-&Key Bindings-&User
在出现的界面中,加入如下内容(如果已经有就不用再加了):
{ &keys&: [&ctrl+b&], &command&: &open_browser& }
注册时间最后登录阅读权限10积分6精华0帖子
新手上路, 积分 6, 距离下一级还需 44 积分
下载了十八哥讲课用的Sublime解压后，已经按照使用技巧.txt说明进行了配置，可每次ctrl+b ,都是按普通文件路径在FireFox中打开，无法跳转到localhost/，而且遇到PHP文件，ctrl+b,则是用dreamweaver打开，这是为什么啊，求指导
注册时间最后登录阅读权限10积分46精华0帖子
新手上路, 积分 46, 距离下一级还需 4 积分
太一 发表于
ctrl+b打开浏览器,假设你的www目录为D:\\www\\
编辑sublime Text/Data/Packages/User/open_broswer.py
sublime text3没有open_brower.py文件怎么弄？
注册时间最后登录阅读权限20积分109精华0帖子
注册会员, 积分 109, 距离下一级还需 91 积分
太一 发表于
ctrl+b打开浏览器,假设你的www目录为D:\\www\\
编辑sublime Text/Data/Packages/User/open_broswer.py
大侠好，想请教一下，我下了open in browser插件，然后url_map = { G:\wamp\www' : 'http://localhost',｝设置后还是在浏览器中打不开，当然也在按键-绑定-用户中保存了{ &keys&[&ctrl+b&], &command&: &open_browser& }，
还有个插件叫“view in browser”,下了以后按ctrl+b就会提示你下载php的打开软件。能加QQ详聊吗，谢谢
注册时间最后登录阅读权限10积分4精华0帖子
新手上路, 积分 4, 距离下一级还需 46 积分
/article/ce79fdfcbea5ea.html& &&&我也面临LZ的这个问题, 找了大半天,终于找你这个问题的解决办法了.
注册时间最后登录阅读权限50积分590精华0帖子
高级会员, 积分 590, 距离下一级还需 410 积分
Powered byWEB前端神器 Sublime Text 2
Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器。博主之前一直用notepdd++写前端代码，用得也挺顺手了，早就听说sublime的大名，一直也懒得去试试看，认为都是工具用着顺手就好。这几天突然心血来潮，下了个试了下，结果。。。结果博主毫无节操的抛弃了notepad++。。。下面根据博主这几天的使用心得，来介绍下这款前端神器，介于使用时间很短，有些说的不妥的地方还望各位看官海涵。
Windows 的 Sublime 有两种版本：
普通版（Normal）
　　Sublime Text 相关的文件被放在了两个目录中，一个用于放置程序及其相关文件，一个用于放置数据
便携版（Portable）
　　所有的 Sublime Text 相关文件被放置在一个文件夹中（建议用这种，这样你换一台电脑，直接把文件拷过去，就可以了，不用再去安装插件，配置啥了，太爽了，有木有）
Sublime除了本身好用，个人感觉在于它强大的插件，下面介绍下插件安装的方法：
1.直接安装
　　安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（preferences-&packages）。
2.使用Package Control组件安装（推荐）
　　按Ctrl+`（`就是tab键上面那个，看了其他教程，害我找半天。。。）调出console
　　粘贴以下代码到底部命令行并回车：
　　import urllib2,pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else Nopen(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
　　重启Sublime Text 2。
　　如果在Perferences-&package settings中看到package control这一项，则安装成功
然后按Ctrl+shift+p，输入install package，最后输入插件名字按回车即可。一切看起来都很美好，但在有代理的环境下这种安装方法可能会失败，我公司的环境就这样，怎么解决呢？解决方案如下：
1.下载proxifier,请google（proxifier的注册机会被安全软件当做木马，需要先放行）
　　2.设置代理服务器
&& &　　& 配置文件=》代理服务器=》新增
&& &　　& 代理地址：如
&& 　　&& 端口：如8080
&& &　　& https
　　3.配置代理规则
　　　　将sublime的可以将对应的exe添加到代理规则中去
实用插件列表（以下插件经博主都已安装，确实爽歪歪）：
Emmet(就是zencoding，这货改名了，网上很多还写着这名字)
　　快速写html代码，ctrl+alt+enter呼出，具体请参考：http://docs.emmet.io/abbreviations/syntax/
SublimeLinter
　　一个支持lint语法的插件，ctrl+alt+l呼出（与qq的锁定冲突，自己去改热键吧）可以高亮linter认为有错误的代码行
　　用jquery的同学不容错过啊，写完后按tab键，有惊喜；
　　代码对齐，如写几个变量，选中后，Ctrl+Alt+A，对代码有洁癖的人会喜欢的
Bracket Highlighter
　　高亮代码匹配，可以匹配括号，引号，标签等各种
　　自动注释，完全符合jsdoc标准，按/**即可，再也不用为注释烦恼啦
　　写 CSS可自动添加 -webkit 等私有词缀，Ctrl+Alt+X触发
　　Html格式化，右键Auto-Format Tags on Ducument。
　　一个JS代码格式化插件，ctrl+alt+f格式化代码，让代码分分钟变漂亮
Theme - soda
这个主题相当cool，在preferences-&user setting中加入
　　&color_scheme&: &Packages/Color Scheme - Default/Monokai Soda.tmTheme&,
　　&theme&: &Soda Dark.sublime-theme&
　　安装新的代码配色方案
　　点击Preferences-&Browse Packages打开包安装目录，找到Color Scheme - Default文件夹，把下载来的新的配色安装放入即可
Sublime Text快捷键：
　　Ctrl+Shift+P：打开命令面板
　　Ctrl+P：搜索项目中的文件
　　Ctrl+G：跳转到第几行
　　Ctrl+W：关闭当前打开文件
　　Ctrl+Shift+W：关闭所有打开文件
　　Ctrl+Shift+V：粘贴并格式化
　　Ctrl+D：选择单词，重复可增加选择下一个相同的单词
　　Ctrl+L：选择行，重复可依次增加选择下一行
　　Ctrl+Shift+L：选择多行
　　Ctrl+Shift+Enter：在当前行前插入新行
　　Ctrl+M：跳转到对应括号
　　Ctrl+U：软撤销，撤销光标位置
　　Ctrl+J：选择标签内容
　　Ctrl+F：查找内容
　　Ctrl+Shift+F：查找并替换
　　Ctrl+H：替换
　　Ctrl+R：前往 method
　　Ctrl+N：新建窗口
　　Ctrl+K+B：开关侧栏
　　Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
　　Ctrl+F2：设置/删除标记
　　Ctrl+/：注释当前行
　　Ctrl+Shift+/：当前位置插入注释
　　Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
　　F11：全屏
　　Shift+F11：全屏免打扰模式，只编辑当前文件
　　Alt+F3：选择所有相同的词
　　Alt+Shift+数字：分屏显示
　　Alt+数字：切换打开第N个文件
　　Ctrl+Tab：切换tab
　　Ctrl+Shift+上下键，可替换行
工欲善其事，必先利其器。没错，sublime绝对是前端利器，继续使用，继续总结。大家如果有什么好的关于sublime的插件及技巧，请补充，谢谢。
本文来源:飘~
如果您喜欢本文请分享给您的好友，谢谢！如想浏览更多更好的内容，请登录：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）}