关于Web前端神器 Sublime Text 2 的介绍
作者：佚名
字体：[ ] 来源：互联网 时间：04-25 11:14:30
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　　用jquery的同学不容错过啊，写完后按tab键，有惊喜；
Alignment　　代码对齐，如写几个变量，选中后，Ctrl+Alt+A，对代码有洁癖的人会喜欢的Bracket Highlighter　　高亮代码匹配，可以匹配括号，引号，标签等各种DocBlockr　　自动注释，完全符合jsdoc标准，按/**即可，再也不用为注释烦恼啦
Prefixr　　写 CSS可自动添加 -webkit 等私有词缀，Ctrl+Alt+X触发
Tag　　Html格式化，右键Auto-Format Tags on Ducument。
JS Format　　一个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的插件及技巧，请补充，谢谢。
大家感兴趣的内容
12345678910
最近更新的内容Sublime Text2 对比 Sublime Text 3哪个好？Sublime 3使用总结_西西软件资讯
西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ Sublime Text2 对比 Sublime Text 3哪个好？Sublime 3使用总结
v3.3126 汉化特别版
类型：文本编辑大小：37.5M语言：中文 评分：5.9
1.Sublime Text2 or Sublime Text 3？虽然两者用起来差不多，但还是用最新版本吧，虽然是beta版，但是毕竟也有了一些更新，比如界面UI的一些小的变化，安装的package文件也是直接安装在了sublime text3文件夹里面，而不是安装在C盘的其他目录，同时也是一个绿色版本，一些配置也能够方便备份保留。
类别： 文本编辑 &&&大小：37.5M &&&语言： 中文
2.Sublime Text3是绿色版的，如何添加到右键菜单，可以快速使用Sublime Text3打开？（1）cmd命令中运行：regedit，打开注册表。（2）依次找到HKEY_CLASSESS_ROOT-&*-&Shell，下面新建项，命名为Edit with Sublime Text3。（3）在项“Edit with Sublime Text”下新建字符串值，命名为Icon，值为“C:\Program Files\Sublime Text Build 3065\sublime_text.exe,0”,其中黑色地址为 Sublime Text程序文件地址。（4）在项“Edit with Sublime Text”下新建项Command，该Command项下默认值修改为“C:\Program Files\Sublime Text Build 3065\sublime_text.exe,1”。（5）设置完成后，无需重启电脑，就可以在右键菜单中，显示Edit with Sublime Text3。3.Sublime Text3基本界面等参数设置？Sublime Text3默认界面设置配置文件在Preferences----&Settings-Default。我们可以通过在Settings-User配置文件中增加值来覆盖Setting-Default中的设置值，设置值的格式可以参看Setting-Default配置文件中设置，例如下面我设置的字体大小、行高亮显示和侧边栏文件夹图标加粗。设置完成后Ctrl+S保存后，无需重启Sublime Text3即可立即生效。4.Sublime Text3常用快捷键？有很多快捷键是和操作系统一致的，也有很多很有意思的其他快捷键操作，默认的快捷键设置在Preferences---&Key Bindings-Default中，里面可以查到所有的快捷键，同样可以在Key Bindings-User中，重新设置新的值，来覆盖默认设置。下图是我自定义设置的两个快捷键。下面把我常用的一些快捷键总结如下：（1）格式化代码：alt+shift+f　 自己设置的，选择代码后按此快捷键可以格式化代码。（2）折叠代码：ctrl+shift+[　　自己设置的，可以折叠方法里面的代码，当一个类文件中方法比较多时，可以使用。（3）打开刚刚关闭的窗口：ctrl+shift+T　　默认设置。（4）全屏显示：F11　　默认设置。（5）免打扰全屏显示：Shift+F11　　默认设置，比F11显示的更大。（6）多处选择相同的词：Ctrl+D，回退选择Ctrl+U　　默认设置，非常有用，可以试试。（7）取消窗口显示：ESC　　默认设置，比如当我们Ctrl+F搜索时，底部会有搜索框，由于找不到上面关闭×，因此按下ESC，就可以很容易关闭了。（8）在代码上面新增一行：Ctrl+shift+Enter　　默认设置（9）逐词移动：Ctrl+左右键　　默认设置，直接按左右键是一个字母一个字母的移动。（10）显示类和方法提纲：Ctrl+R　　默认设置，可以很容易知道一个类中都有哪些方法。（11）显示n个窗口：alt+shift+1，或者2,3...显示n个窗口，例如写css的时候，可以一个窗口开html，一个窗口开css5.Sublime Text3一些有意思的插件？Sublime Text3有很多有意思的插件，可以方便我们的编码，但是插件不应该泛滥使用，否则的话，还不如用IDE呢。为方便插件的安装和管理，第一个应该安装的插件，其实就是包管理插件，Package Control，这样以后安装插件就方便多了。　　（1）Package Control插件安装：1）选择Sublime Text3菜单栏的View---&Show Console，底部出现Console框。2）将下面代码输入Console框中，按回车，等待安装成功即可。　　import&urllib.request,os,&h&=&'ebf27d836c04bb0cbaf282'&+&'d0e7accb37ca9d6b2e4b7d';&pf&=&'Package&Control.sublime-package';&ipp&=&sublime.installed_packages_path();&urllib.request.install_opener(&urllib.request.build_opener(&urllib.request.ProxyHandler())&);&by&=&urllib.request.urlopen(&'http://packagecontrol.io/'&+&pf.replace('&',&'%20')).read();&dh&=&hashlib.sha256(by).hexdigest();&print('Error&validating&download&(got&%s&instead&of&%s),&please&try&manual&install'&%&(dh,&h))&if&dh&!=&h&else&open(os.path.join(&ipp,&pf),&'wb'&).write(by)3）安装成功后，之后安装别的包，直接按下快捷键Ctrl+Shift+P，输入install，即可安装包；输入remove即可删除已经安装的包。（2）折叠状态保留插件：BufferScroll前面我们设置了折叠代码的快捷键，但是每次重启Sublime Text3或者重新打开页面后，折叠状态就会消失，安装完成此插件后，代码折叠状态就能够保留了。安装方法如下：按下Ctrl+Shift+P--&输入install，选择Install Package--&输入BufferScroll，安装即可。&6.Sublime Text3配置X-debug断点调试PHP代码？Sublime Text3写js、css和html挺好用的，写php也非常舒服，虽然调试PHP用别的软件比较好，但是感觉用习惯Sublime Text3了，因此也想办法为它设置完成调试功能，对于调试一般小的项目，足够了。设置步骤如下：（1）为PHP配置x-debug插件1）新建一个php文件，写一个方法phpinfo()，在浏览器中运行，右键查看源代码，将html代码复制进剪切板。&2）打开网址：http://xdebug.org/wizard.php，将前面复制的html源代码粘贴到该网站文本框内，点击Analyse my phpinfo() output。3）按照分析结果说明，安装合适的x-debug插件，直至安装成功。4）修改php.ini文件，增加一下代码：xdebug.remote_enable=1xdebug.remote_handler=dbgp
xdebug.remote_host=127.0.0.1xdebug.remote_port=9000xdebug.remote_log=&C:\Program&Files\PHP\xdebuglog\xdebug.log&其中xdebug.remote_log配置xdebug日志文件地址，可以设置成自己想要的地址。5）重启Apache或其他在用的Web Server。至此，为php配置x-debug插件成功。（2）配置Sublime Text3 x-debug插件1）按下Ctrl+Shift+P--&输入install，选择Install Package--&安装Xdebug client。2）选择Sublime Text3菜单栏：Tools---&Xdebug---&Settings---&User自定义设置调试信息，其中Settings---&Default是Xdebug默认的配置文件。（同Sublime Text3软件类似，插件也有自己默认的配置文件和供用户自定义设置的配置文件）&　　3）Settings-User配置增加配置信息如下：其中launch_browser设置为true，那么调试时，会打开浏览器；close_on_stop设置为true，那么调试结束时，可以关闭不必要的显示的调试窗口；url设置调试入口地址，当按下调试按键时，直接就会跳入该入口地址。　至此，就可以使用x-debug进行调试了，但是如果觉得使用Xdebug默认的快捷键不方便，那么可以设置自己想要的快捷键。设置方法见下面。4）自定义调试快捷键由于Xdebug没有自己的快捷键自定义配置文件，因此我们在Sublime Text3软件快捷键配置文件中进行设置。打开菜单栏Preferences---&Key Bindings-User，新增如下代码：其中的快捷键是Xdebug默认的，修改成自己喜欢的快捷键就行了，例如与vs或者eclipse一致。至此，Sublime Text3基本设置就好了，设置的差不多，就去安心的写代码吧。
(15) 可扩展标记语言是一种元标记语言，即定义了用于定义其他特定领域有关语义的结构化的标记语言，这些标记语言将文档分成许多部件并对这些部件加以标识。技术已经广泛应用于应用系统的开发,大多数的商用平台都支持标准。一些主要的网络设备制造商，如等，生产的网络设备也已提供了对的支持，以利于今后基于的网络管理。关于的一件很重要的事情是，可被类似记事本这样的简单的文本编辑器来创建和编辑。不过，在您开始使用进行工作时，您...
06-29 / 19.5M
推荐理由：ultraEdit 32 破解版 简体中文 内有安装说明，完全免费，无试用期的。该软件功能强大，能打开各种格式的文件
11-19 / 279.7M
推荐理由：AdobeDreamweaverCS6是AdobeCreativeSuite6系列中的HTML编辑器和网页设计软件，是最优秀的可视化网页设计工
10-24 / 4.0M
推荐理由：一套功能强大，可取代记事本的文字编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜
04-14 / 18.7M
推荐理由：Sublime Text被称作Windows下的TextMate，而根据其官网介绍，Sublime Text的特点如下：拥有高效、没有干扰的
07-25 / 3.9M
推荐理由：Notepad++是一款非常有特色的编辑器，软件小巧高效，支持27种编程语言，通吃C,C++,Java,C#,XML,HTML,PHP,JS
10-13 / 37.5M
推荐理由：SublimeText是一个代码编辑器。也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如：迷你地
(17) 西西软件园提供一些非常好用的代码编辑器免费下载，都是一些非常有特色的编辑器，软件小巧高效，支持种编程语言，通吃,,,,,,,等。是开源软件，可以免费使用。...
03-31 / 33.8M
推荐理由：本次已经纠正官方多处翻译错误地方，UltraEdit是能够满足你一切编辑需要的编辑器。UltraEdit是一套功能强大
07-25 / 3.9M
推荐理由：Notepad++是一款非常有特色的编辑器，软件小巧高效，支持27种编程语言，通吃C,C++,Java,C#,XML,HTML,PHP,JS
10-13 / 37.5M
推荐理由：SublimeText是一个代码编辑器。也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如：迷你地
06-29 / 19.5M
推荐理由：ultraEdit 32 破解版 简体中文 内有安装说明，完全免费，无试用期的。该软件功能强大，能打开各种格式的文件
04-14 / 18.7M
推荐理由：Sublime Text被称作Windows下的TextMate，而根据其官网介绍，Sublime Text的特点如下：拥有高效、没有干扰的
10-24 / 4.0M
推荐理由：一套功能强大，可取代记事本的文字编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜
12-0206-2402-2202-2201-1901-2901-2801-2701-2201-17
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载Sublime Text 2 – 非常强大的跨平台编辑器
Loading...
Sublime Text 2 的特色功能：
良好的扩展功能，官方称之为安装包(Package)。
右边没有滚动条，取而代之的是代码缩略图，这个功能非常赞
强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex， 按下回车就可以直接执行，减少了查找的麻烦。”
即时的文件切换。
随心所欲的跳转到任意文件的任意位置。
多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
支持 VIM 模式
支持宏，，简单地说就是把操作录制下来或者自己编写命令，然后播放刚才录制的操作或者命令。
更新非常勤快，几乎每周都会有一个新版本杀出来
具体功能和使用教程看这几篇：
关于 ZenCoding 参考小众的介绍：
说两个小技巧：选择文字之后，按下 Tab 和 Shift + Tab 可以控制缩进，和 EmEditor 一样，内牛。文件未保存就可以直接退出程序，下次启动会自动恢复。
P.S. 欢迎大家补充各种技巧。
Update：多谢小众软件读者 王彬 推荐 ，它能把 GBK 转 UTF-8。
update: Sublime Text 2 正式版已经发布。
正在找这类东西，试试去
按分类查看文章:
大家都在讨论些什么
: 要是一不小心预览到了一个苍老师怎么办: 很有意思的想法。
不过不知道他们的每天一小时是不是核对手机本地时间来确认的，是不是我调一下时间就又能看了（: 这些我知道，我的意思是有没有桌面日历支持exchange的软件。: 同类软件有个Seer比这个早啊: 我也想玩: 以前用过,后来改用rainlendar了.: 不用GitHub,就是因为经常被墙.
最热门标签
传说中的小众软件 让你的手机应用与众不同。
商业网站或未授权媒体不得复制、转载、使用本站内容。