alt+w 快速包裹选中文本需安装htmltagwrap插件并搭配auto rename tag实现标签同步闭合,不支持纯文本或markdown非html块;自定义模板可用snippets+macros,emmet仅适合新建结构而非改造已有内容。

用 Alt+W 快速包裹选中文本(最常用场景)
vscode 默认不带“给选中文字加 HTML 标签”功能,但装一个轻量插件就能秒实现——HTMLTagWrap 是目前最稳定、零配置、无副作用的选择。
- 安装后无需重启,直接在 HTML / JSX / Vue 等支持 HTML 语法的文件中生效
- 选中任意文本(比如
用户名),按Alt+W,自动弹出<p>$1</p>模板,光标停在标签名位置,敲span回车就变成<span>用户名</span> - ⚠️ 容易踩的坑:如果你改过快捷键(比如设成
Shift+W),但没装Auto Rename Tag插件,改开头标签时结尾不会同步——必须装它,否则改<div> 不会自动变 <code>