Webstorm的基本操作

说起来，比较主流的IDE呢，有DW，Sublime Text，Eclipse，Webstorm等，我主要介绍Webstorm。
为什么要独宠它呢？那就开始说说，

Webstorm可以创建很多类型的文件，看图一目了然，
在有，各种面板应有尽有

功能

代码补全 自动
多光标功能 alt键选择内容不松手
代码格式化 ctrl+alt+l
Emmet 代码补全 例：div+tab键生成div标签，div>ul>li*3

> —-代表父子关系，* —-重复，+ —-同等级，^ —-爬升一级， () —-清晰逻辑关系 ，
. —-class ， # —-id ， [ ] —-自带属性 ， $ —-快速增长补全（ul>li.item-$*5） ，
{ } —- 文本内容 p{段落内容} ，lorem—-文字补全 lorem100，
m10 —- margin:10px; ， m10-20—-margin:10px 20px; ，bdrs10 —-border-radius:10px; ，df —- display:flex;

注意：1.展开的时候，光标要放在一句话最后
2.中间不要有空格

右击
Local History->show History 可查看修改历史记录，进行对比

快捷键：
ctrl+n —- —-新建文件
按2下shift键 —- —-快速查找
ctrl+r —- —- 替换
alt+鼠标选择 —- —- 纵向修改排列在一条线上的元素
alt键选择内容不松手 —- —- 多选
esc —- —- 取消选择
ctrl+alt+l —- —-代码格式化
tab键 —- —-代码补全，嵌套
ctrl+d —- —-快速复制一行

体贴易用小功能

ctrl+/ —- —-注释
ctrl+alt+回车 —- —- 在当前行上面添加一行
ctrl+shift+回车 —- —- 在当前行下面添加一行
ctrl+ - —- —-折叠代码块
ctrl+ + —- —-展开代码块
ctrl+shift+ - —- —-折叠整个文件代码
alt+shift+ 上下移动键 —- —- 移动代码
ctrl + m —- —-成对闭合标签定位
ctrl + e —- —- 最近使用的文件