如何高效在WebStorm中为选中代码快速添加Tag标签？
- 内容介绍
- 文章标签
- 相关推荐
本文共计831个文字，预计阅读时间需要4分钟。
许多人卡在第一步：
Windows/Linux 用户确认快捷键是 Ctrl+Alt+T；macOS 用户注意别按成 Cmd+T（那是跳转类功能），正确的是 Cmd+Alt+T。触发后弹出的菜单会根据上下文智能过滤：比如你在 HTML 文件里选中文字，菜单里会出现 <p>、<span>、<div> 等选项；在 PHP 里则优先显示 if、try/catch 等结构。
选中文字后按 T 键直接进“用标签包装”项
菜单里第 3 项通常是 用标签包装（英文是 Surround with Tag），前面带下划线 T。这意味着你不需要用方向键慢慢选，只要弹出菜单后直接按键盘上的 T 键，就能一步进入标签输入状态。
此时光标已落在一对空尖括号中间：，你直接输 span，WebStorm 会自动补全为 <span></span>，并把原选中文本塞进去。同样适用于 p、section、article 等任意合法 HTML 标签。注意：它不会校验语义合理性（比如把 div 塞进 ul 里），只做语法层面包裹。
本文共计831个文字，预计阅读时间需要4分钟。
许多人卡在第一步：
Windows/Linux 用户确认快捷键是 Ctrl+Alt+T；macOS 用户注意别按成 Cmd+T（那是跳转类功能），正确的是 Cmd+Alt+T。触发后弹出的菜单会根据上下文智能过滤：比如你在 HTML 文件里选中文字，菜单里会出现 <p>、<span>、<div> 等选项；在 PHP 里则优先显示 if、try/catch 等结构。
选中文字后按 T 键直接进“用标签包装”项
菜单里第 3 项通常是 用标签包装（英文是 Surround with Tag），前面带下划线 T。这意味着你不需要用方向键慢慢选，只要弹出菜单后直接按键盘上的 T 键，就能一步进入标签输入状态。
此时光标已落在一对空尖括号中间：，你直接输 span，WebStorm 会自动补全为 <span></span>，并把原选中文本塞进去。同样适用于 p、section、article 等任意合法 HTML 标签。注意：它不会校验语义合理性（比如把 div 塞进 ul 里），只做语法层面包裹。