博客列表 >我的webstorm快捷键

我的webstorm快捷键

郁离子的博客
郁离子的博客原创
2018年04月07日 23:33:04654浏览

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}




声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议