提高写代码的效率,emmet的快捷键

1.ememt插件非常强大,几乎所有的编辑器都会安装这个插件,而记住一些快捷键将大大提高我们写代码的效率

2.常用快捷键

  1. 后代:'>', 如nav>ul>li直接按tab键会出现以下代码
    提高写代码的效率,emmet的快捷键_第1张图片
    UFB97[(U]TAT@Y(ER7V4E5R.png
  2. 乘法 *,如ul>li*5按tab键会出现以下代码
    提高写代码的效率,emmet的快捷键_第2张图片
    %~AP)EXFA3C4%G92OCB$WTV.png
  3. 兄弟 如:+:div+h3+p*3按tab键会出现以下代码
提高写代码的效率,emmet的快捷键_第3张图片
%`O5FIM5F$8WX_GR308C9IY.png

4.缩写:(div>dl>(dt+dd)*3)+footer>p

提高写代码的效率,emmet的快捷键_第4张图片
2.png

5.缩写:#header

![X{X{GL]M~4{E6(Q_1CSVC.png](http://upload-images.jianshu.io/upload_images/3361706-93843a119864195d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
6.缩写:p.class1.class2.class3

1.png

7.缩写:ul>.class

J6)TB``G}09TCZV{LHYDASB.png

8.自增符号:$: ul>li.item$*5

提高写代码的效率,emmet的快捷键_第5张图片
L}A79F`$~JV8U6$IE`K%4`E.png

本教程版权归饥人谷和作者所有,转载须说明来源

你可能感兴趣的:(提高写代码的效率,emmet的快捷键)