VS Code 快速输入代码
VS Code 快速输入代码： HTML 代码
只输入 ! ，按Enter，这将自动生成一个基本的HTML骨架代码，例如：
快速输入特定的HTML标签，可以使用Emmet插件，它是VS Code的一个扩展，可以通过简短的指令生成复杂的HTML结构。
输入div，按Enter
输入div*4，按Enter
例如，输入 ul>li*4 将生成一个包含4个列表项的无序列表：
div{内容}+Enter
.box enter
<div class="box"></div>
#box enter
<div id="box"></div>
1、先输入一个 感叹号!，再按下Tab键，直接显示出html文件的基本格 式；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
2、输入 标签名，按下Tab键，自动生成相应标签；
<div></div>
3、输入： ‘ span#app ’ ，按下Tab，可以快速创建id为‘app’的‘span’标签 ；
<span id="app"></span>
4、输入： ‘ div.app ’ ,按下Tab键，可以快速创建class为‘app’的’‘div’标签；
<div class="app"></div>
5、输入： ‘ ul>li*3 ’ ,按下Tab键可以快速创建‘ ul ’下的3个‘ li ’标签 ；
<ul>
<li></li>
<li></li>
<li></li>
</ul>
6、输入： ‘ ul.menu>li*3>a[href=#]‘ 可以创建一个class为‘ menu ’的‘ ul ’标签；
<ul class="menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
7、输入 ‘ ul>li*5>a[href=#]{我序号是$} ’ ,再按下Tab键
<ul>
<li><a href="#">我序号是1</a></li>
<li><a href="#">我序号是2</a></li>
<li><a href="#">我序号是3</a></li>
<li><a href="#">我序号是4</a></li>
<li><a href="#">我序号是5</a></li>
</ul>
REF
链接：https://blog.csdn.net/weixin_41804367/article/details/108614650
