VSCode原生不提供“一键包裹if/for”全局快捷键，但可通过Emmet（Ctrl+Shift+G）包裹HTML/JSX/Vue模板代码，或通过自定义snippet实现JS/TS/Python等逻辑代码的秒级包裹，关键在于正确配置命令、语言模式及when条件。
VSCode 本身不提供“一键包裹 if/for”的全局快捷键，但通过原生 Emmet 或自定义 snippet + 正确的 when 条件，就能在对应语言里秒级完成包裹——关键不是装插件，而是配对命令和上下文。
Emmet 包裹 HTML/JSX/Vue 用 Ctrl+Shift+G 就够了
这个快捷键默认生效，但只在 Emmet 支持的语言里起作用：
-
Ctrl+Shift+G（Windows/Linux）或Cmd+Shift+G（macOS）直接触发editor.emmet.action.wrapWithAbbreviation - 必须确保当前文件语言模式正确：右下角显示
html、javascriptreact、vue或svelte，而不是plaintext或javascript - 选中内容不能跨空行，首尾不能有不可见字符（比如末尾换行符），否则 Emmet 会静默失败
- 缩写要合法：
div、.btn、ul>li*3都行；div .cls（空格分隔）或input[type=text]（缺引号）会无效
JS/TS/Python 逻辑代码得靠 snippet，别指望 Emmet
Emmet 在纯 JS 文件里默认按 HTML 规则解析，if 会生成 <if>...</if>，完全不对。这时候必须用用户 snippet：
- 打开
Preferences: Configure User Snippets，选javascript.json（或typescript.json、python.json） - 加一条：
{ "Wrap in if": { "prefix": "ifwrap", "body": ["if (${1:true}) {", "\t$TM_SELECTED_TEXT", "}"], "description": "Wrap selection in if block" } } - 选中文本后，按
Ctrl+Shift+P→Insert Snippet→ 输入ifwrap；想更快？绑定快捷键到editor.action.insertSnippet命令 -
$TM_SELECTED_TEXT是 VSCode 原生变量，不用改；${1:true}表示光标初始停在这里，可直接编辑条件
快捷键绑定必须写对 when，否则语言切换就失效
哪怕你写了 "key":"ctrl+alt+w"，如果 when 不匹配当前编辑器状态，它就是个摆设：
- 语言 ID 必须准确：
javascriptreact（不是jsx）、typescript（不是ts）、python（不是py） - 常见错误写法：
editorLangId == 'js'（无效）、editorTextFocus && editorLangId == 'javascript' || 'typescript'（逻辑错，||右边没条件） - 正确写法示例（支持 JS/TS/React）：
{ "key": "ctrl+alt+w", "command": "editor.emmet.action.wrapWithAbbreviation", "when": "editorTextFocus && (editorLangId == 'html' || editorLangId == 'javascriptreact' || editorLangId == 'vue')" } - Vue 单文件组件里，只有
<template>区域才认 Emmet；<script>里要用 snippet
别乱装 Surround 插件，90% 场景原生够用
所谓 surround.with 命令来自社区插件 tonybaloney.vscode-surround，但它有硬伤：
- 不支持 Python、Go 等语言的原生语法包裹（比如
with、defer） - 模板需手动配置，且
when条件比原生更难写对（比如 Vue 的<script setup>模式常被识别为vue而非javascript） - 和 Emmet 冲突：同一快捷键绑两个命令，一个优先级高就压住另一个
- 真要用，先确认右键菜单出现
Surround With，再查插件文档里的命令名——不是所有叫 “surround” 的插件都注册surround.with
真正容易被忽略的是：Emmet 包裹行为取决于光标所在语言上下文，不是文件后缀。你在 .js 文件里写了一段 HTML 字符串，只要语言模式是 html，Ctrl+Shift+G 就能用；反之，在 .html 文件里写 JS 逻辑，Emmet 就不会生效。
