vscode原生支持毫秒级代码包裹：用emmet可快速包裹html/jsx/vue等模板代码，自定义snippet适用于js/python等逻辑语言，快捷键绑定需精确配置when条件。
VSCode 本身不提供“一键包裹”按钮，但通过内置的 Emmet 和 editor.action.insertSnippet 机制，配合少量配置或快捷键，能实现毫秒级包裹——关键不是装插件，而是用对原生能力。
用 Emmet 快速包裹 HTML / JSX / Vue 模板代码
选中一段代码（比如 hello），按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS），输入 Emmet: Wrap with Abbreviation 回车，然后输入 div、ul>li* 或 section.my-class 即可生成对应结构。
- 支持嵌套缩写：输入
article>(header>h1)+main>p，会把选中内容分别塞进对应位置 - 只对支持 Emmet 的语言生效：默认包括
html、jsx、tsx、vue、php等；若在js文件里无效，说明当前语言模式未启用 Emmet（检查右下角语言标识，点击切换为JavaScript React） - 包裹后光标停在最外层标签内容区，适合连续编辑；若想停在新标签属性里，需手动调整或自定义 snippet
用自定义 snippet 包裹任意语言的代码块
Emmet 对纯 JS/Python/Go 等逻辑代码不友好，这时要靠用户 snippet。在 VSCode 中打开 Preferences: Configure User Snippets，选择 javascript.json（或其他目标语言），添加：
"Wrap in IIFE": {
"prefix": "iife",
"body": "(function() {${0:$1}}());",
"description": "Wrap selection in IIFE"
}
之后选中文本，按 Ctrl+Shift+P → Insert Snippet → 输入 iife，即可包裹。注意：
-
${0:$1}表示将选中内容插入到$1位置，光标最终落在$0（即括号内末尾） - 不同语言需各自配置 snippet，VSCode 不跨语言复用；比如 Python 要在
python.json里另写if True:或with context:版本 - 如果 snippet 不触发，请确认文件语言模式正确，且未被其他插件（如 Prettier）在粘贴瞬间自动格式化掉括号
用快捷键绑定实现“按一下就包裹”
频繁调用命令面板太慢？可以绑定快捷键。打开 keybindings.json（Ctrl+Shift+P → Preferences: Open Keyboard Shortcuts (JSON)），添加：
{
"key": "ctrl+alt+w",
"command": "editor.emmet.action.wrapWithAbbreviation",
"when": "editorTextFocus && editorLangId == 'html' || editorLangId == 'javascriptreact'"
}
这样在 HTML 或 JSX 文件中，选中后直接按 Ctrl+Alt+W 就弹出缩写输入框。注意：
-
when条件必须写全，漏掉editorTextFocus会导致快捷键全局生效甚至冲突 - 不能用同一快捷键覆盖所有语言——Emmet 命令在非支持语言下静默失败，而 snippet 插入命令（
editor.action.insertSnippet）需要指定args，无法泛化 - 如果按快捷键没反应，先在命令面板里手动搜一遍该命令是否可用，排除插件禁用或 keymap 被覆盖问题
真正卡住人的往往不是“怎么包裹”，而是没意识到：Emmet 只响应语言模式，snippet 需按语言单独配，快捷键绑定依赖精确的 when 条件——三者缺一不可，且彼此不自动协同。
