VS Code多光标编辑是提升编码效率的核心能力:支持Ctrl/Cmd+点击添加独立光标、Ctrl+D逐次选中相同词、Alt/Option+拖拽列选择、正则替换联动,配合Ctrl+Shift+L等快捷键实现高效批量修改。

VS Code 的多光标编辑不是炫技,而是真正提升编码效率的核心能力——掌握它,改 10 处变量名、批量补全、结构化重写代码,几秒就能完成。
基础多光标:精准触发,不靠猜
最常用也最容易被忽略的是「按住 Ctrl(Win/Linux)或 Cmd(Mac)+ 点击」任意位置,直接添加独立光标。适合分散、非规律的修改点。比如函数里几个不同参数名要统一加前缀,就一个个点过去,再输入即可。
另一个高频操作是「Ctrl + D(Cmd + D)」:VS Code 会自动选中当前光标处的**下一个相同单词**,连续按就逐个扩展选中,非常适合批量重命名局部变量或方法调用。
- 按一次 Ctrl+D:选中当前词
- 再按一次:选中下一个相同词(跳过注释/字符串中的匹配)
- 按 Ctrl+U 可撤销上一次添加(退一步很实用)
列选择与范围框选:处理对齐结构
当你要在多行同一列位置插入内容(比如批量加注释符号、补逗号、删缩进),用「Alt + 鼠标拖拽」(Win/Linux)或「Option + 鼠标拖拽」(Mac)进入列选择模式——鼠标变成竖线,拖出一个矩形区域,所有行该列范围都会被同时选中。
也可以用快捷键:Ctrl + Shift + P 打开命令面板,输入 “Toggle Column Selection” 开启/关闭列模式;或者直接按 Shift + Alt + I(Win/Linux)或 Shift + Option + I(Mac)——这个命令会在每行末尾自动添加一个光标,特别适合批量补分号、逗号或换行后统一缩进。
中英文双语版; 后台在同一页内同时管理添加修改资料内的中英文内容; 网站的左边栏使用了模块,可以自由的增加&删除; 可以不用修改代码,让不懂编写网页的人也可以有自己的公司(企业)网站,基本资料都在后台管理添加修改; 网站的标题、地址、版权、公司邮局、收藏、风格等资料可以在后台的"网站资料设置"里管理; 功能强大的eWebEditor在线编辑器; 有多种模板可供选择,使用
高级技巧:正则+多光标,让重复变智能
单纯手动点或 Ctrl+D 有时不够用。打开替换面板(Ctrl + H),勾选「Use Regular Expression」,配合多光标能实现“理解语义”的批量操作。
- 想把所有
data.user.name改成user.name?搜索data\.(\w+\.\w+),替换为$1,再按全部替换 - 想给所有未加引号的 key 补单引号(如
id: 123→'id': 123)?用正则(\s+)([a-zA-Z_]\w*)(\s*:)替换为$1'$2'$3
注意:替换时若已存在多光标,VS Code 会优先作用于每个光标所在位置,而不是全文——合理组合可做到“局部智能+全局覆盖”两不误。
别忘了这些小帮手
多光标不是孤立功能,它和 VS Code 其他机制深度协同:
- Ctrl + Shift + L:把当前选中文本的所有匹配项都变成光标(比连按 Ctrl+D 更快,尤其匹配量大时)
- Ctrl + F2:选中当前词的所有出现位置(含注释/字符串),一键多光标,适合彻底清理某个旧标识符
- 按 Esc 可随时退出多光标状态,回到单光标,避免误操作
基本上就这些——不复杂,但容易忽略细节。练熟三四个核心组合键,每天写代码的时间感真的会不一样。









