emmet一些语法

135 阅读1分钟

快速生成HTML结构语法

1、生成标签 直接输入标签名 比如div,然后tab键就可以生成<div></div>
2、如果想要生成多个相同的标签,div*3
3、如果父子级的标签,用ul+li
4、如果兄弟关系的标签,用div+p
5、如果生成带有类名或者id名字的,直接写.demo或者#two   然后tab6、如果生成div类名室友顺序的,.demo$*3
                会生成如下效果
                <div class="demo1"></div>
                <div class="demo2"></div>
                <div class="demo3"></div>
7、如果想要生成的标签内部写内容可以用{}
                比如:
                div{我是一个小仙女}
                就会生成
                <div>我是一个小仙女</div>
                

快速格式化代码

一种方法
    shift+alt+f
另一种方法
    文件->首选项->设置->
    搜索emmet include;
    在settings.json下添加如下语句
        "editor.formatOnType":true,
        "editor.formatOnSave":true