我的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}



猜你喜欢

转载自blog.csdn.net/ion_l/article/details/79846536