webstorm sublime工具代码简写笔记

最近没什么捣鼓的，sublime 和webstrom这两个工具简直就是前端工程师的左膀右臂，让代码写起来666666666666的快。总结一下写HTML的简写：

简写 + Tab = HTML代码；

ps：E代表html标签字母，比如div ul li等等

简写                                         对应的HTML代码

html:5                                        生成html5的基本结构

html:xt                                        生成html4.01的基本结构

E#id                                           代表生成id属性，值为id

E.classname                                代表类，值为classname

E[attr=foo]                                   代表生成的属性

E{ }                                              代表标签的内容，也可以直接空格后面写类容：E 类容

E>N                                             E标签里面生成N标签

E+N                                              E和N同级元素

E^N                                              和E+N一样

webstorm格式化代码快捷键：Ctrl + alt + l

webstorm整个项目替换：Ctrl + shift + r

打完手工，个人觉得以上两款编辑器各有优点。

sb: 轻量级，而且通过命令安装插件特简单，但是整个项目替换麻烦，而且要去安装jade sass less等插件，如果电脑性能OK还是可以考虑用webstrom的，当然，如果主要是写css和HTML和少量js，用sb还是不错的选择。

webstrom：这个家伙最大的不好就是启动慢，耗电脑性能，但是好处不少，代码格式化，支持多种语言，而且自带一个命令慢板，比cmd好用