vscode怎么给选中文字加标签

3次阅读

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

vscode怎么给选中文字加标签

Alt+W 快速包裹选中文本(最常用场景)

vscode 默认不带“给选中文字加 HTML 标签”功能,但装一个轻量插件就能秒实现——HTMLTagWrap 是目前最稳定、零配置、无副作用的选择。

  • 安装后无需重启,直接在 HTML / JSX / Vue 等支持 HTML 语法的文件中生效
  • 选中任意文本(比如 用户名),按 Alt+W,自动弹出 <p>$1</p> 模板,光标停在标签名位置,敲 span 回车就变成 <span>用户名</span>
  • ⚠️ 容易踩的坑:如果你改过快捷键(比如设成 Shift+W),但没装 Auto Rename Tag 插件,改开头标签时结尾不会同步——必须装它,否则改 <div> 不会自动变 <code>
text=ZqhQzanResources