webstorm常用快捷键

时间:2021-07-13 13:54:11

webstorm常用快捷键

  • 注释 ctrl+ /
  • 自动补全html标签 tab

    • 敲h1,按tab   <h1></h1>
    • 想输入带id的 div#abc,按Tab键   <div id="abc"></div>
    • 想输入class的, div.abc,按Tab键,便会自动补全 <div class="abc"></div>
    • 想输入一个div里面有6个p标签的,只需输入 div>p*6 tab
    • 特定属性的标签补全 a[href=#] tab <a href="#"></a>
    • 在如 ul.menu>li*6>a[href=#]{HTML}
    • 更多的补全如下地址
        http://blog.wpjam.com/m/emmet-grammar/ 
    http://www.w3cplus.com/tools/emmet-cheat-sheet.html
    http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html
  • 自动整理代码: ctrl+alt+L
  • 寻找代码片段: 右键要寻找的目录,选择 find in path,输入要寻找的内容
  • 大小写转换,选中转换的代码 Command(ctrl)+shift+U
  • 全局查找 双击 shift
  • 查找最近打开的文件 ctrl+E