VSCode 的 Auto Surround 功能依赖内置自动闭合设置实现：需启用 Editor › Auto Closing Brackets 和 Quotes，选中文本后输入引号、括号等符号即可自动包裹，支持主流语言，亦可通过命令或插件增强。

VSCode 的 Auto Surround 功能本身并不存在于默认设置中，但它的效果（比如选中文本后按 引号、括号、方括号 或 花括号 自动包裹）是通过 VSCode 内置的 “自动闭合标签/符号”机制 + 智能选择逻辑 实现的——不需要插件，只要配置得当就能用。

确保基础功能已启用

这是前提，否则后续操作无效：

• 打开设置（Ctrl+, 或 Cmd+,），搜索 “auto closing brackets”，确认 Editor › Auto Closing Brackets 设为 "languageDefined" 或 "always"
• 同样检查 Editor › Auto Closing Quotes 是否开启（默认通常开启）
• 确保没有插件（如 Auto Rename Tag、Prettier）意外禁用或覆盖了该行为

正确触发自动包裹：先选中，再输入符号

这是最常被忽略的操作逻辑——VSCode 不是“预测式包裹”，而是“选中后回写式包裹”：

• 用鼠标或键盘（Shift+←/→、Ctrl+Shift+→ 等）选中一段文本，例如选中 hello
• 直接按 '、"、(、[、{ 中的任意一个
• VSCode 会自动把选中内容包裹起来，变成 'hello'、(hello) 等，光标停在右符号之后

支持的符号与语言限制

不是所有语言都完全支持全部符号，但主流语言（JavaScript、TypeScript、Python、HTML、JSON 等）均可用：

• 通用支持："、'、`（模板字符串）、( )、[ ]、{ }
• HTML 中输入 会触发标签补全，不是包裹；但选中文字后按 不会包裹——这是设计使然
• 若某语言不响应（如某些自定义文件类型），可在设置中搜索 “surround”，检查 Files › Associations 是否关联了正确的语言模式

进阶：用命令快速包裹（无需记忆快捷键）

如果键盘输入不稳定，可调用内置命令：

• 选中文本后，按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）打开命令面板
• 输入 “surround”，选择 Emmet: Wrap with Abbreviation（适合 HTML/CSS）或 Editor: Toggle Line Comment（注释类包裹）
• 更通用的是安装轻量插件 “Auto Wrap”（仅 2KB），它提供 Alt+Shift+W 快捷键，支持自定义包裹模板

基本上就这些。VSCode 的自动包裹不复杂但容易忽略操作前提——记住“先选中、再敲符号”，配合基础设置开启，日常编码效率立刻提升一截。