前端神器 Sublime Text 2

标签: 前端 神器 sublime | 发表时间:2013-04-24 11:40 | 作者:飘~
出处:http://www.cnblogs.com/

  博主之前一直用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,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(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这一项,则安装成功

 

实用插件列表(以下插件经博主都已安装,确实爽歪歪)

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的插件及技巧,请补充,谢谢。

本文链接

相关 [前端 神器 sublime] 推荐:

前端神器 Sublime Text 2

- - 博客园_首页
  博主之前一直用notepdd++写前端代码,用得也挺顺手了,早就听说sublime的大名,一直也懒得去试试看,认为都是工具用着顺手就好. 这几天突然心血来潮,下了个试了下,结果. 结果博主毫无节操的抛弃了notepad++. 下面根据博主这几天的使用心得,来介绍下这款前端神器,介于使用时间很短,有些说的不妥的地方还望各位看官海涵.

Sublime Text 2 简介

- Gnauk - 走走停停看看
最近试用了一款新的编辑器 Sublime Text 2,跨平台,据说他是仿TextMate的,没用过TextMate,不知道后者有多厉害. 然而 Sublime Text 2 我一用就爱上他了. 一开始是由于他的迷你地图模式而吸引我的注意力的,这个迷你地图可以概览整个文件. 这个是个亮点,在其他编辑器中都没有见过此类功能.

Sublime Text 2 使用心得

- - CSDN博客Web前端推荐文章
作为一个前端,有一款好的开发利器是必不可少的,editplus、notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了). 最近,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱,不少前端er纷纷抛弃用了数年的“伙伴”,投入了她的怀抱——Sublime Text2. Sublime Text2是一款跨平台的编辑器,再也不用为换平台而找不到合适的、熟悉的编辑器担忧了.

一些必不可少的Sublime Text 2插件

- - 前端观察
中文原文: 一些必不可少的sublime text 2插件. 整理自: Essential Sublime Text 2 Plugins and Extensions. 请尊重版权,转载请注明来源,多谢. Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到 小飞的介绍后,我就一直在用了.

Sublime Text 2 – 非常强大的跨平台编辑器

- - 小众软件 - Appinn
@ sfufoet 我一直用 EmEditor 6 这个老古董编辑器,就因为两点:支持宏;输入文字之后全部删除,关闭标签不会提示保存,因此 EmEditor 6 是个非常适合替代记事本的编辑器,但是它不适合写代码. 目前 EmEditor 6 的英文版是免费的. Sublime Text 2 之后,发现它非常强大好用,更新也非常快.

软件世界:代码编辑器Sublime Text 2将成为你的首选

- - 道喜技术日记 .^. 天天红玉世界
代码编辑器Sublime Text 2是共享软件,而TextMate是付费软件;. 代码编辑器Sublime Text 2中文支持明显优于TextMate,到今天,TextMate中文支持还是有问题;. Sublime Text 2同时也支持一些 TextMate Bundle;. 快捷和流畅是Sublime Text 2给人最强烈的感受;.

[视频]Sublime Text2:兼具vim和TextMate优点的现代文本编辑器

- - 善用佳软
引言:Sublime Text2. Sublime Text2:兼具 vim 和 TextMate 优点的编辑器,比 vim 现代,比 TextMate 更新快,支持 OS X, Linux 和 Windows,超级厚道的共享软件. 形形色色的软件中,文本编辑器算是很特别:它可能是最古老的软件,也是需求最广的软件,也是可选种类最多的软件——如果不准确,请自行加“之一”.

前端技术

- - CSDN博客综合推荐文章
随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变. 尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力. 尽管Web前端技术诞生至今时日并不长,但随着Web技术的逐渐深入,今后将会在以下几方面发力. JavaScript的兄弟们.

神器valgrind

- - 斯巴达第二季
其实早在2006年我就用过valgrind,但当时valgrind不能观测daemon的内存泄漏问题,所以后来渐渐用得少了. 今天又遇到一个内存泄漏问题,程序颇大,手工调试不太现实了,所以又想到了valgrind,毕竟在这7年间,valgrind又强大了不少. 查了一下,它已经可以检测daemon进程了,方法在 这里 对应的官方文档在 这里 其中"monitor leak_check full reachable any"相当于设置gdb的breakpoint.

Web前端优化

- - JavaScript - Web前端 - ITeye博客
优点:直接使用浏览器内存的缓存数据,减少网站后台压力,用户体验(速度)好. 缺点:对于时时变化的动态页面,这种情况就不能容忍了,因为每次访问的都是第一次访问的内容,这样即使所请求的页面已经变化了,用户也不可能知道,所以此场景必须要消除这种缓存的影响. 延迟加载,将资源延迟到需要的时候的加载,例如detail页面,相关产品推荐,当用户浏览更多的信息往下拉动滚动时,才进行加载,异步加载可以大幅减少对后端资源的使用,在需要的时候加载,是资源合理使用常用的方式,但是也带来一个问题,当往下拉才去加载,如果性能不够好,用户的体验其实是不好的,“菊花”转动的时间会比较长,同时异步加载对前端性能的作用也是非常明显的,渲染的节点数量大幅减少.