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

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

2.常用快捷键

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

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

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

L}A79F`$~JV8U6$IE`K%4`E.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,007评论 25 709
  • 一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签,比如、、等,现在你只需要1秒钟就可以输...
    aymincoder阅读 5,944评论 0 4
  • 使用方法 emmet的使用方法也非常简单,以sublime text为例,直接在编辑器中输入HTML或CSS的代码...
    jrg陈咪咪sunny阅读 3,142评论 0 1
  • 高中的倒数第二年,熟稔了校园全部规则的我们将老油条三个字发展到了巅峰造级,我的慵懒打着学业的旗号被无限的放大,有了...
    刺猬有个猪鼻子阅读 2,144评论 0 0
  • 同事间真的没有好朋友,今天真的是让我切身感受到了。曾经以为一起上下班的同事,蹭我车坐的同事,是我的好朋友。呵...
    小茉莉成长记阅读 2,948评论 0 0

友情链接更多精彩内容