我的webstorm快捷键

Alt+鼠标选择          多光标选择器（可用来选择多个不同位置的词或者同一列下的文段）

Ctrl+d                    快速复制粘贴一行或者选中元素

Ctrl+Alt+L              格式化选中代码

Ctrl+/                      行注释

Ctrl+Shift+/            块注释

Ctrl+Space              代码提示

Ctrl+Shift+Space    自动补全代码

Ctrl+F                      查找

Ctrl+R                     替换

F2                       在错误代码位置切换      鼠标放上右侧黄红色条纹显示错误（警告）信息

Alt+Enter            看到对应建议

重构

Ctrl+T            选择rename       重命名

Emmet语法   （TAB键展开）

注意：光标要定义到需展开位置的末尾 另外不能中间出现空格

嵌套结构  > + ^ * ()

• >    定义下一级元素         div>ul>li

• +    加上同级元素             h1+h2

• ^    提升元素标签级数      div>p^div

• *      元素个数乘以n          div>ul>li*3

• ()      括号优先                   a>img^(div>ul>li)

属性定义 # . []

• div#idname.classname[user-defined]

  
  

数字编号  $

• div>ul>li.item$*3       生成三个li标签，class属性值分别为item1,item2,item3

文本生成

• loerm+数字           生成对应个数的随机单词          loerm100

• {}                           定义标签内的文本                     a{click me}   p{hello world}