使用CSS的emmet语法:使用缩写的方式提高书写html编写速度。
(1)快速生成html结构语法:
如果想要生成多个相同的标签,加上“*”就可以了,如div*3,生成三个div。如果有父子关系的标签,可以用>比如,ul>li就可以了;如果有兄弟关系的标签,用+就可以了,比如div+p;如果生成带有类名或者id名字,直接写.demo或者#two tab键就可以了;如果生成的div类名是有顺序的,可以用自增符号$
.
(2)快速生成CSS样式语法:
比如w200 按tab可以生成width:200px;比如lh26 按tab可以生成line-height:26px;
(3)快速格式化代码;Shift+Alt+F
或者可以这样做:
设置当我们保存页面的时候自动格式化代码:
文件->首选项->设置
搜索emmet .include;
在settings.json下的【用户】中添加以下语句:
"editor.formatOnType":true,"editor.formatOnSave":true
设置这一次即可,以后只需要自动保存格式化。
{"cssrem.rootFontSize": 37.5,"emmet.excludeLanguages": [],"editor.formatOnType": true,"editor.formatOnSave": true,"markdown"}