Webstorm的快捷键(自使用记录)

Webstorm的快捷键(自使用记录)

零零散散的一些

按住Alt向下拖拽,可以一次性同时插入多个光标
一次性修改或删减

输入标签类

  • <输入标签开头 根据提示选择就可以
    在这里插入图片描述
    Enter选中,然后输入另一半 >
    就可以了(这是我认为比较快的)
  • 也可以输入 script 按Tab键直接生成
    在这里插入图片描述

引入外部文件类

  • 引入文件: link+Tab
  • 引入css文件: link:css+Tab
  • 引入js文件: script:src+Tab

简写输出

  • div属性: w300+Tab=width:300px;h200=height:200px…
    在这里插入图片描述
    在这里插入图片描述

  • img[src]+Tab
    在这里插入图片描述

  • ul#火影忍者>li*5 +Tab link
    在这里插入图片描述

  • p+span+ul>li*5 + Tab
    在这里插入图片描述

  • div>p+span+p+span+p+span+a
    在这里插入图片描述

  • div>img*3
    在这里插入图片描述

  • div#box>div#inner>ul>li*7>a

猜你喜欢

转载自blog.csdn.net/weixin_44478408/article/details/86483967