WebStorm代码快捷《控制代码输入》

输入标签,然后按Tab键,无需输入尖括号<> . 其他指令也类似,用tab键来启动自动生成代码指令.

示例:  输入div按tab键,自动出现

一、手机端页面适配快捷键

输入: meta:vp

再按tab键就出来了.

这行代码,会将HTML5自动适配成手机端页面

二、 html5基本结构代码
新建空白html页面

输入: ! 

再按Tab键,就会自动生成标准的html5的页面结构代码.就是在webstorm上新建一个html看到的那一大块代码

三、输入标签自带类名

输入: 标签名称.类名

再按tab键

示例: div.main 再按tab键就会自动生成: 


四、多行重复代码

示例: ul>li*3


       

  •    

  •    


五、1多种指令可以联合使用


示例:ul.haha>li.hehe*3

   


           

  •        

  •        

  •    


六、带ID的标签


示例: div#haha

你可能感兴趣的:(编译器)