WebStorm的快捷方式

时间:2024-04-05 22:01:51

WebStorm快捷方式

  生成标签的方法:直接输入标签名,然后按下tab键即可,比如输入div,然后按下tab键,就可以生成<div></div>
WebStorm的快捷方式
  如果想要生成多个相同标签,加上*就可以了。比如div*5,就可以快速生成5div
WebStorm的快捷方式

  如果标签之间有嵌套关系,如ulli,则输入ul>li然后按下tab键自动生成嵌套的标签。
WebStorm的快捷方式
  如果希望生成多个li标签,则将li*5,如下
WebStorm的快捷方式

  如果标签之间是并列关系,则使用+然后按下tab键即可,如下
WebStorm的快捷方式

  如果生成的标签带有类名或者id名,比如div标签的类名是nav,则输入div.nav然后按下tab键,如果divid1,则输入div#1然后按下tab键。
WebStorm的快捷方式

  最后补充一下CSS的注释,CSS的注释是

/* ... */

其快捷方式是ctr+斜杠。对选中的内容按**释快捷键即可对其进行注释。
WebStorm的快捷方式