VS Code多光标编辑在HTML中可用但需规避标签干扰：Ctrl+D易误选data-class等，应双击属性名后Ctrl+Shift+L；列选择用Alt+Shift+拖拽更准；修改href路径可用Alt+Enter全选后→+Ctrl+Shift+Right精准编辑。
VS Code 的多光标编辑在 HTML 文件里完全可用，但直接套用通用快捷键容易出错——因为 HTML 标签结构、属性值、注释和嵌套缩进会让光标错位或漏选。关键不是“能不能用”，而是“怎么避免被标签干扰”。
Ctrl+D 选中相同属性名时总跳过某些地方
比如想批量改所有 class 属性值，把 class="btn" 改成 class="button"，但 Ctrl+D 按几次后光标停在了 data-class 或字符串里的 "class" 上。
- 默认
Ctrl+D只匹配「完整单词」且区分大小写，class和data-class不算相同词 - 它向后扫描，不进字符串/注释——所以
<div class="foo">里的class能被选中，但console.log("class")里的不会 - 想只改属性名（不改属性值），先双击选中
class两个字母，再按Ctrl+Shift+L，比连按Ctrl+D更稳 - 如果页面里混用
Class（大写）或CLASS，得先关掉查找面板右下角的Aa图标，否则Ctrl+Shift+L不会命中
在多行 <input> 标签末尾统一加 required 属性
这不是改相同文本，而是对齐插入——光标必须落在每行标签的 > 前，不能靠搜索，得用列定位。
- 别用
Ctrl+Alt+↓：HTML 行缩进常不一致（有的用 2 空格，有的用 tab），光标会漂移到不同列 - 用
Alt+Shift+拖拽（Windows/Linux）或Option+Shift+拖拽（macOS）框出一个矩形，从所有>前一列垂直拉到底，松手即生成列光标 - 输入
required（注意前面留空格），所有光标同步补上，不会挤到标签中间或换行 - 如果某行是自闭合标签如
<img />，列选择仍有效；但Ctrl+Alt+↓可能把它跳过去
批量修改多个 href 或 src 的路径前缀
比如要把 href="/static/css/main.css" 全部改成 href="/v2/static/css/main.css"，正则比多光标更安全，但多光标可辅助验证和微调。
立即学习“前端免费学习笔记（深入）”；
- 先用
Ctrl+F搜href="，勾选.*（正则），输入href="(/[^"]*) - 按
Alt+Enter全选所有匹配项，此时每个href="后面都带一个光标 - 按
→移动一次，光标就落到引号内第一个字符上；再按Ctrl+Shift+Right选中整个路径（直到下一个"） - 此时输入新前缀，比如
/v2，所有路径就同步加了前缀——比全文正则替换更可控，不会误改 JS 字符串里的路径 - 如果某处是
srcset或data-src，这个操作不会碰它，天然规避干扰
真正容易被忽略的是：HTML 里大量使用双引号包裹属性值，而多光标输入时若没注意空格，required 会变成 requiredrequired；列选择前最好先用 Ctrl+Shift+P → “Format Document” 统一缩进，否则框选坐标会偏移。
