ctrl+shift+g（windows/linux）或cmd+shift+g（macos）是vscode原生emmet一键包裹快捷键，仅在html、jsx、vue等支持语言模式下生效；需确保文件语言模式正确、选区干净、缩写语法合法，并在js/ts中通过emmet.includelanguages手动启用。
Ctrl+Shift+G 按下就包裹，但前提是语言模式对得上
VSCode 原生 Emmet 的 Ctrl+Shift+G（Windows/Linux）或 Cmd+Shift+G（macOS）就是最直接的“一键包裹”操作，不需要装插件。但它只在识别为 HTML、JSX、Vue、Svelte 等支持 Emmet 的语言模式下生效。
常见失效场景：
- 文件后缀是
.js但内容写的是 JSX？右下角点语言标识 → 改成JavaScript React - 文件是
.vue却显示Vue而非Vue HTML？切换成后者，否则 Emmet 不触发 - 选中内容首尾带换行或空格？Emmet 会静默跳过，建议双击选词或用
Shift+Alt+→扩展选区
缩写写错不报错，只会默默不包裹
Wrap with Abbreviation 对语法非常敏感，写错格式不会弹错误提示，而是直接没反应——这是最容易卡住人的地方。
合法写法示例：
-
div→<div>{selected}</div> -
.container→<div class="container">{selected}</div> -
span[lang="zh"]→<span lang="zh">{selected}</span>
典型错误写法（全部静默失败）：
-
div .cls（中间空格） -
div#id class="x"（混用 ID 和 class，且没括号包裹） -
ul>li*3用于包裹单段文本？它只把内容塞进第一个<li>，不是生成三份，别误以为功能异常
JS/TS 文件里想用 Emmet 包裹，得手动开权限
VSCode 默认禁用 JavaScript 和 TypeScript 文件中的 Emmet 包裹功能，哪怕你写了 HTML 字符串也没用。
必须在 settings.json 中添加：
"emmet.includeLanguages": {
"javascript": "html",
"typescript": "html",
"vue": "html"
}
改完不用重启，但已打开的 JS/TS 文件要重新触发语言模式（比如切到别的标签再切回来）才会生效。
注意：emmet.includeLanguages 是映射关系，不是开关；它告诉 VSCode：“当语言是 javascript 时，请按 html 的 Emmet 规则解析”。
别被“插件一键包裹”误导，原生能力已足够
像 htmltagwrap 这类插件提供 Alt+W 快捷键，默认包 <p></p>，看似简单，但实际限制多：只认 HTML 标签、不支持缩写、无法嵌套、不兼容 JSX 自闭合规则。
真正灵活可控的方式始终是原生 Emmet：
- 想包成
<input type="text">？输input[type="text"] - 想包成
<article><header><h1>...</h1></header><main>...</main></article>？输article>(header>h1)+main - 光标停在哪，就按当前上下文解析——哪怕你在 JS 字符串里写 HTML，只要语言模式设对了，它就认
容易被忽略的细节是：Emmet 行为由光标所在语言上下文决定，而不是文件后缀名。一个 .js 文件，只要右下角显示的是 JavaScript React，Ctrl+Shift+G 就能正常工作。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
