Emmet是一个缩写扩展插件，VSCode已经内置，所以不用配置了。 其它文本编辑象vim， pycharm也有相应的插件支持。
下图是一个简单的演示，可以感受下它的威力
image
在创建html文件后，输入html:5 按tab键， 就会创建比较完善的html5框架代码
1.png
它还支持类似jquery的选择器语法，输入div.container 就会创建class为container的div
2.png
还可以用ul>li *5 创建有五个li的ul, 尖括号代码下一级， 星号后面加数字则为连续创建n个前面的元素
3.png
我们再创建一个略复杂的 table>(tr>td{item$5})5 则会创建一个表格有五行，每行有文本item1到item5的单元格, ()为创建独立分组，表示可以做为一个独立元素，这样我们就可以在后面*5去创建5个分组。而大括号为文本信息，就是单元格里的文本
4.png
这些就足以应付我们平时的大部分重复操作了。另外我们还可以用方括号输入属性值，加号创建同级元素，^创建上级元素，具体使用请百度后食用。
Emmet是一个缩写扩展插件，VSCode已经内置，所以不用配置了。 其它文本编辑象vim， pycharm也有相...
1. 内置代码片段vscode内置了Emmet ( https://docs.emmet.io/[https://...
2018 vscode 前端最佳配置 emmet in vue
Emmet 基本操作 Emmet在sublime有专门插件，安装参考，而且VScode和Atom都有内置工具。 就...
emmet语法 vscode内置emmet语法结构，点击！+Tab可以生成。想生成什么标签直接输入名字。 父子关系...
Emmet语法 Emmet语法可提高html/css的编写速度，VSCode内部已经集成了该语法； 快速生成Htm...
注意：vscode 默认自带Emmet扩展，无需再安装。 以Django为例在vscode中安装Django插件后...
使用Emmet语法可快速生成html框架和标签，以及css代码 ps~本人使用的vscode编辑器 Emmet语法...
一、首页可以用小程序开发工具先创建好项目，或者是用vscode去创建也可 二、用vscode打开创建好的项目 三、...
前端神器 -- EmmetEmmet(前身为 Zen Coding)，VsCode 内置了 Emmet 语法，可以...
本文标题：用VSCode加emmet极速创建网页
本文链接：https://www.haomeiwen.com/subject/zbbdnftx.html
网友评论