webstorm常见自动补全方法和常用快捷键

一:标签自动补全: 
(1)纯标签补全 
例:输入h1,按Tab键, 


(2)纯标签+地址“id” 
例:输入h1#ccg,按Tab键, 


(3)纯标签+类“class” 
例:输入h1.ccg,按Tab键, 


(4)标签+子标签+子标签个数 
例:输入div>p*6,按Tab键, 

webstorm常见自动补全方法和常用快捷键_第1张图片
(5)标签+类+子标签+子标签个数+子子标签+地址+}HTML} 
例:输入ul.menu>li*6>a[href=#]{HTML},按Tab键, 

webstorm常见自动补全方法和常用快捷键_第2张图片
(注:更多代码补全方式:http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html)

二:快捷键搜索功能 
(1)ctrl+F :搜索当前文件的东西,可实现替换相同标签。 
(2)双击shift:全局查找。 
(3)ctrl+E:查找最近打开过的文件 
(4)ctrl+shift+N :通过文件名快速查找过程内的文件 
(5)ctrl+K:查找下一个 
(6)ctrl+shift+K:查找上一个 
(7)ctrl+shift+R:指定目录内代码批量替换 
(8)ctrl+shift+F: 指定目录内代码批量查找

三:其他常用快捷键 
(1)ctrl+alt+L:整理代码格式 
(2)ctrl+/:定义和注销注释(在代码上一行添加)
--------------------- 
作者:CCG_fighting 
来源:CSDN 
原文:https://blog.csdn.net/CCG_T/article/details/77006740 
版权声明:本文为博主原创文章,转载请附上博文链接!

你可能感兴趣的:(编码技巧)