Emmet 包裹快捷键失效的主因是语言模式不匹配、缩写语法错误或多行选中逻辑限制；需切换至 HTML/JSX/Vue 等支持模式，使用 div.box 等合法缩写，并避免跨行选中或用 Fragment 替代根节点。
Emmet 包裹快捷键失效？先确认是否在支持的语法模式下
Emmet 的 Wrap with Abbreviation 功能不是全语言通用，它只在 VSCode 识别为 HTML、JSX、Vue、TSX、XML、PHP 等支持 Emmet 的语言模式中生效。如果你在 .js 或 .ts 文件里选中一段纯文本却没反应，大概率是当前文件的语言模式被识别成了 JavaScript（不默认启用 Emmet），而不是 JavaScript React 或 TypeScript React。
解决方法很简单：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac），输入Change Language Mode，回车 - 选择
JavaScript React或TypeScript React（JSX 场景）；如果是 Vue 单文件，选Vetur或Vue（取决于你装的插件） - 再试一次包裹操作 —— 此时
Ctrl+Shift+G（Win/Linux）或Cmd+Shift+G（Mac）就能用了
包裹时输错缩写，结果变成乱码？注意 Emmet 解析规则
Emmet 不是简单拼字符串，它会解析缩写语法。比如你选中 hello，想包成 <div class="box">hello</div>，但输入 div.box 是对的，输入 div class="box" 就会失败——后者会被当成两个独立节点，生成类似 <div>
<class>hello</class>="box"></div> 的非法结构。
常用缩写写法和对应效果：
-
div.my-class→<div class="my-class">...</div> -
ul>li*3→<ul> <li>...</li> <li>...</li> <li>...</li> </ul>（适合批量包裹） -
span[data-id="123"]→<span data-id="123">...</span>（属性必须用方括号） - 空格分隔多个标签：
header+main+footer会并列生成三个标签，不是嵌套
选中多行内容后包裹，为什么只包了第一行？
这是 Emmet 的默认行为：它把每行当作一个独立片段处理，除非你显式启用“多光标包裹”逻辑。VSCode 默认不开启该模式，所以当你用鼠标拖选三行文本，然后按 Ctrl+Shift+G，Emmet 实际只对第一行生效，其余两行被忽略。
正确做法是：
- 确保选中的是连续、无换行符干扰的文本块（比如在 JSX 中选中
foo bar baz这一整段，而不是用 Shift+↓ 跨行选） - 如果真要包多行，先把它们合并成一行（临时删换行），包裹完再手动格式化；或者改用扩展如
Auto Rename Tag配合手动补标签 - 更稳妥的方式：用多光标（
Ctrl+Alt+↓）在每行开头点击，再统一输入<div> 和 <code>
