如题。
许多人都会推崇vim。但是我觉得用得顺手最重要。
在这里推荐sublime text2(简称SB)。
SB是跨平台的,支持linux,windows,macos,同时还是免费的,但是当你多按几次ctrl+s之后会弹出购买软件的提示框。但是这个框不影响正常使用,可以忽视。网上也有很多的破解方法,其实不需要破解的。
这篇文章介绍一些针对前端的开发所需要使用的插件:
http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html
安装的方法大家网上一搜一大堆,这里我就不再重复。目前我的SB上就安装了下面9个插件。每个插件的作用都可以在上面的文章链接中找到。
下面着重介绍一下这些插件的使用, 这篇文章中介绍到的插件有:
1.EMMET,原Zen Coding.
参考这篇文章:http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html
EMMET的编写方法可以参考晚上很多的教程,这里就不介绍。使用这个插件会强迫你在写html之前,先将结构完全想好后才开始动手,同时,这个插件的html结构+css样式+js行为三者结合的思想非常明确,因为他的快捷命令中就只能添加id,class等属性。
快捷键:
展开缩写 - Tab键或按Ctrl + E
互动“展开缩写” - 按Ctrl + Alt + Enter键
对外的标签匹配对 - ^ D(MAC)/ Ctrl键 + ,(PC)
作用:选中光标所在的标签或文本,每多按一次都会向外层元素扩展选择。
标签匹配对向内 - ^ J / 按Ctrl + Alt +,
作用:选中光标所在的标签或文本,每多按一次都会向内层元素收缩选择。
对匹配 - ⇧^ T / 按Ctrl + Alt + J
作用:在标签的开始<>和结束</>来回跳转。
ul.nav>li.nav-item$*>a|t |t能够去掉ul,ol等列表项的包裹内容标记,比如排序的数字。
ul>li[title=$#]*>{$#}+img[alt=$#] $#可以控制包裹内容位置
转到编辑点 - 按Ctrl + Alt +→或按Ctrl + Alt +←:在linux下可能会出现快捷键冲突而不适用。
使用缩写包裹 - ^ W / Shift键+ Ctrl键+ G
选择“属性值”html和css都可以选 - “ ⇧⌘。或⇧⌘ / 按Ctrl + Shift +。或Shift + Ctrl + ,
切换注释 - ⇧⌘/ / Shift + Ctrl键+ /:在选中的标签外添加注释或删除注释
拆分/加入标签 - ⇧⌘ / Shift + Ctrl +`
删掉标签间的内容,并合并标签开始和结束符。生成标签的开始和结束符。
删除标记 - ⌘' / Ctrl + Shift +;:将选中的标签删除
2.JS Format
选中所选js代码块,快捷键CTRL+SHIFT+f
3.Alignment
选中代码块,快捷键CTRL+SHIFT+a/A
4.Clipboard History
快捷键CTRL+ALT+v/V
5.JsMinifier
快捷键CTRL+ALT+m或者CTRL+ALT+SHIFT+M
6.CodeIntel
代码自动提示。无快捷键
7.Bracket Highlighter
代码括号匹配,无快捷键。