最近在学习JS,无意间发现了一个小技能Emmet,让我感概居然还能这么干!!!!大大提高了开发效率,学到了就记录下,免得吃个饭就忘了。。。。
附上Emmet文档
- 打开vscode,创建一个html文件
英文感叹号 + Enter键就直接生成了一个html文档
效果如下
定义文档中的节div
有三种办法
- 最笨的写法,先写一个开始括号div,插件会自动补全闭合括号
- Emmet大法来了,直接写一个div不加括号,然后按一个tab键,就自动生成了
- div标签中class属性定义元素的类名
div.grap + tab键
扩展
- 加入链接,>a就是生成链接
div.grap>a
- 给href加实体链接
div.grap>a[href=#page] + tab
- 生成多个
div.grap*10>a[href=#page]
- href生成多个有序的,尾椎需要加一个dollar符号
div.grap*10>a[href=#page$]
欢迎访问Treehl的博客