转载
作者：JackSparrow18
链接：juejin.cn/post/693858…
来源：稀土掘金\
批量创建html标签
div --- 标签名.
$ --- 自增占位符。
*+数字--- 自增数量。
# --- 标签id。
. --- 标签类名。
> --- 子标签。
{} --- 标签内容。
[] --- 标签属性和值。
> --- 子元素。
+ --- 同级元素。
^ --- 上级元素。
1. div#father>span.son{子标签}^div.brather>ul>li*5{$列}^^div.img>image[src='./1.png']
<div id="father"><span class="son">子标签</span></div>
<div class="brather">
<ul>
<li>1列</li>
<li>2列</li>
<li>3列</li>
<li>4列</li>
<li>5列</li>
</ul>
</div>
<div class="img">
<image src="./1.png"></image>
</div>
2. h$*5#bg$>span{$级标题}
<h1 id="bg1"><span>1级标题</span></h1>
<h2 id="bg2"><span>2级标题</span></h2>
<h3 id="bg3"><span>3级标题</span></h3>
<h4 id="bg4"><span>4级标题</span></h4>
<h5 id="bg5"><span>5级标题</span></h5>
另外生成多个 a/span 元素时不会自动换行
转载：
作者：叁五程序员
链接：blog.csdn.net/qq_53002615…
来源：CSDN\
问题： 当我们在使用VSCode生成多个a元素或span元素时，我们想得到的结果是：
但实际结果却是：
解决方法： 文件->首选项->设置，然后搜素 Syntax Pro，点击在settings.json中编辑，添加配置。
添加配置为：
"emmet.syntaxProfiles": {
"html":{
"inline_break":2
}
}
注意，在前一个配置的尾部，要加上逗号！！！
最后要记得保存配置文件（点击左上角文件，可以开启自动保存功能）
VSCode中文插件：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
说明： inline_break：达到多少行内元素需要强制换行，数值类型。默认值为3。例如 span2 将展开成 ，但 span3 将生成三个 元素，每个占有一行。如果设置为 0 将不再为行内元素换行。
具体可参考Emmet官方文档：
