VS Code中批量生成成对标签需用Emmet：输入div5按Tab生成5个<div></div>；带内容用div3{item $}；嵌套用ul>li3；自定义标签写.MyComponent4或div.MyComponent*4。
VS Code 里怎么一次性生成多个 <div></div> 这种成对标签
直接按 Enter 换行后敲 <，VS Code 默认不会自动补全第二个标签——它只在你输入开始标签（比如 <div>）时主动补全闭合标签，但不会“批量生成”多组。真要快速打多个，得靠 Emmet。
- 输入
div*5，然后按Tab或Enter（取决于 Emmet 设置），立刻生成 5 个独立的<div></div> - 想带内容？写
div*3{item $}→ 得到<div>item 1</div><div>item 2</div><div>item 3</div> - 嵌套也行：
ul>li*3→ 自动展开为带<ul>包裹的三个<li></li>
为什么 div*5 有时不生效？常见卡点
不是 Emmet 不工作，而是触发条件没满足。最常踩的坑是：光标不在支持 Emmet 的语言模式下，或者被其他插件劫持了 Tab 行为。
- 检查右下角状态栏语言标识——必须是
HTML、Vue、JSX等支持 Emmet 的语言，Plain Text或JSON下无效 -
Tab键被 Snippets 或 Auto Rename Tag 插件拦截？试试改用Ctrl+Space（Windows/Linux）或Cmd+Space（macOS）手动触发 Emmet 展开 - 确认设置里没关掉：
emerald/emmet: Enable Emmet必须为true；editor.quickSuggestions对strings设为true有助于提示出现
想打自定义标签比如 <MyComponent></MyComponent> ×4 怎么办
Emmet 默认只认 HTML/JSX 标准标签，但可以临时“骗过”它：加个点号声明为普通标签即可。
- 写
MyComponent*4→ 不生效（被当未知组件，不补全） - 改写成
.MyComponent*4→ 成功生成 4 个<MyComponent></MyComponent> - 更稳妥写法：
div.MyComponent*4→ 生成<div class="MyComponent"></div>×4，再删掉class属性（比手敲快）
别依赖鼠标点「重复上一行」，那不是双标签，只是复制粘贴
很多人习惯按 Shift+Alt+Down 复制整行，结果得到的是两行一模一样的 <div></div>，看着像，但实际没解决“快速构造多个独立可编辑标签”的需求——比如你要给每个加不同 id 或内容，还得一个个改。
- Emmet 生成的每组标签天然独立，
$计数器、{text}内容模板能直接差异化 - 复制粘贴 + 手动改
id容易漏改、错位，尤其超过 5 个时出错率明显上升 - 真正省时间的不是“打得快”，是“改得少”——Emmet 把变量替换这件事提前做掉了
.xxx*3、最后查设置，比反复按 Tab 更有效。 
