解锁VSCode多光標編輯:像高手一樣修改代碼


VSCode多光标编辑支持五种高效方式:一、Option+鼠标点击或Option+↑/↓添加分散光标;二、Cmd+D逐次选中相同文本,Cmd+Shift+L全选匹配项;三、Cmd+F启用正则后Cmd+Enter批量定位;四、Option+Shift拖拽或Option+Shift+↓进行列选择;五、Cmd+Shift+P调用命令如Add Cursor At Line Ends快速操作。

解锁VSCode多光標編輯:像高手一樣修改代碼

如果您希望在VSCode中同时编辑多处代码,提升批量修改效率,则需掌握其原生支持的多光标操作机制。以下是实现高效多光标编辑的具体步骤:

本文运行环境:MacBook Air,macOS Sequoia。

一、使用快捷键添加多个光标

该方法适用于已知所有目标位置且分布较分散的场景,通过手动定位快速叠加光标。

1、按住 Option(⌥) 键不放,同时用鼠标左键点击多个需要插入光标的位置。

2、若需在当前行上方或下方相同列位置添加光标,可先将光标置于目标列,再按 Option + ↑ 或 Option + ↓

二、通过选中相同文本批量生成光标

该方法适用于修改重复出现的变量名、函数名或字符串等一致内容,VSCode会自动识别并高亮全部匹配项。

1、将光标置于待匹配的单词上,按 Cmd + D(⌘D) 逐次选中下一个相同文本,并在每个匹配处添加光标。

2、若需一次性选中全部匹配项,可在任意一处相同文本上双击选中后,按 Cmd + Shift + L(⌘⇧L)

三、使用正则表达式进行高级多光标定位

该方法适用于复杂模式匹配,例如统一修改带数字后缀的类名、提取特定格式字段等,需启用正则搜索模式。

1、按下 Cmd + F(⌘F) 打开搜索框,点击右侧的 .* 按钮 启用正则表达式模式。

2、输入目标正则模式(如 this.(w+)),按 Cmd + Enter(⌘↵) 将所有匹配位置转为多光标。

四、列选择模式(框选多行同列)

该方法适用于对齐编辑,例如批量添加前缀、删除行首缩进或修改多行末尾符号,本质是垂直方向的矩形区域选择。

1、按住 Option + Shift(⌥⇧),同时拖动鼠标进行矩形框选。

2、也可先将光标移至起始位置,按 Option + Shift + ↓(⌥⇧↓) 向下扩展列选区域至目标行数。

五、使用命令面板快速激活多光标功能

该方法适合不熟悉快捷键组合的用户,通过可视化菜单调用常用多光标操作,降低记忆负担。

1、按下 Cmd + Shift + P(⌘⇧P) 打开命令面板。

2、输入关键词 Add Cursor At Line Ends 并回车,即可在当前所有选中行的行尾添加光标。

3、输入关键词 Insert Cursor At End of Each Line 可在未选中状态下,为当前可视范围内每行末尾添加光标。