VSCode怎么选多列_VSCode多列选择和块编辑操作技巧教程

絕刀狂花

发布时间：2025-08-26 13:46:01

1182人浏览过

来源于php中文网

原创

VSCode中多列选择最常用方法是Alt（Windows/Linux）或Option（macOS）加鼠标点击实现多光标，Shift+Alt+上下箭头（Windows/Linux）或Shift+Option+上下箭头（macOS）实现矩形块选择，适用于批量修改变量名、对齐代码、编辑配置文件等高效操作。

vscode怎么选多列_vscode多列选择和块编辑操作技巧教程

VSCode里要实现多列选择，最直接、最常用的方法就是通过

Alt

键（Windows/Linux）或

Option

键（macOS）配合鼠标点击来放置多个独立的光标。如果你想要的是一个矩形的块选择，也就是所谓的块编辑，那么可以使用

Shift + Alt + 上/下箭头

（Windows/Linux）或

Shift + Option + 上/下箭头

（macOS）来快速生成。这两种方式各有侧重，但都是提高编辑效率的利器。

解决方案

在我看来，VSCode的多列选择和块编辑功能简直是效率的加速器，尤其是在处理一些重复性高、格式规整的文本时。它不像传统文本编辑器那样只能按行或按字符选择，而是允许你同时在多个位置进行输入、删除或修改。

1. 任意位置多光标（Multi-Cursor）选择： 这是我个人最常用的一种方式。当你需要修改分散在不同行但逻辑上相关的内容时，它简直无敌。

操作方法： 按住
```
Alt
```
键（Windows/Linux）或
```
Option
```
键（macOS），然后用鼠标在代码的任意位置点击。每点击一次，就会增加一个独立的光标。
实际应用： 比如，我经常在重构代码时，需要给多个变量名添加一个统一的前缀或后缀，或者修改函数签名中的多个参数类型。有了多光标，我只需要定位到每个变量名或参数类型旁边，然后同时进行编辑。
小技巧： 如果你已经选择了一段文本，想要在所有相同的地方都添加光标，可以使用
```
Ctrl + Shift + L
```
（Windows/Linux）或
```
Cmd + Shift + L
```
（macOS）。这会选中当前选区的所有匹配项，并为每个匹配项添加一个光标。

2. 垂直块选择（Column Selection / Block Editing）： 当你的数据呈现出表格状，或者需要对连续多行的某个特定列进行操作时，块选择就显得格外方便。

操作方法：
- 方法一（快速矩形选择）： 将光标放在你想要开始块选择的位置，然后按住
```
Shift + Alt
```
  键（Windows/Linux）或
```
Shift + Option
```
  键（macOS），再用鼠标向上或向下拖动。这样就能画出一个矩形的选区。
- 方法二（键盘操作）： 将光标放在起始位置，按住
```
Shift + Alt
```
  键（Windows/Linux）或
```
Shift + Option
```
  键（macOS），然后按
```
上箭头
```
  或
```
下箭头
```
  。这会在当前光标的上方或下方添加一个光标，形成垂直的块选区。之后你可以用
```
左/右箭头
```
  扩展选区宽度。
实际应用： 想象一下，你有一个配置文件，里面有几十行
```
key = value
```
的格式，现在你需要把所有的
```
=
```
都改成
```
:
```
，或者在所有的
```
value
```
前面添加一个引号。块选择能让你一次性搞定。

这些操作的精髓在于，一旦你激活了多光标或块选择模式，你键盘上的任何输入、删除、复制、粘贴操作都会在所有光标处同步进行。这对于处理重复性任务来说，简直是生产力倍增器。

VSCode多光标编辑有哪些高级用法？

多光标编辑远不止简单的增删改查，它能和VSCode的其他功能结合，发挥出更大的威力。我发现，真正把多光标用活，需要一点点思维的跳跃和对快捷键的熟悉。

一个我非常喜欢的高级用法是“查找所有匹配项并添加光标”。当你有一段代码，里面散布着一个你想要修改的特定字符串，比如一个旧的变量名。你可以先选中这个变量名，然后按下

Ctrl + Shift + L

（Windows/Linux）或

Cmd + Shift + L

（macOS）。VSCode会瞬间找到所有匹配的字符串，并在每个匹配项的末尾放置一个光标。这时你就可以直接输入新的内容，或者删除旧的内容，所有匹配项都会同步更新。这比传统的“查找替换”更灵活，因为你可以看到实时变化，并且可以决定哪些匹配项需要修改，哪些不需要（通过手动移除光标）。

另一个是“逐个选择下一个匹配项”。有时候你不想一次性选中所有匹配项，而是想逐个审查。这时，你可以选中第一个目标字符串，然后反复按

Ctrl + D

（Windows/Linux）或

Cmd + D

（macOS）。每按一次，VSCode就会选中下一个匹配项，并为其添加一个光标。这非常适合在代码中逐步修改，尤其是在你不太确定所有匹配项是否都应该被修改的时候。

还有，多光标与正则表达式搜索结合，能解锁更复杂的文本处理能力。虽然VSCode自带的查找替换功能支持正则，但多光标配合正则搜索（先用正则搜出所有匹配项，然后通过快捷键把它们都变成光标）能让你在实时编辑的舒适区内完成复杂的批量操作，而不用担心替换出错。比如，你可能想修改所有以特定前缀开头的变量，但只修改那些后面跟着特定字符的。正则能帮你精准定位，多光标则让你精准编辑。

VSCode中如何进行块编辑（Column Editing）？

块编辑，或者说列选择，在VSCode中是一个非常实用的功能，它允许你像操作表格一样操作文本。我个人觉得它在处理数据列表、HTML属性或者任何需要垂直对齐的文本时特别好用。

最核心的块编辑操作就是我前面提到的

Shift + Alt + 上/下箭头

（Windows/Linux）或

Shift + Option + 上/下箭头

（macOS）。当你按下这个组合键并移动光标时，你会看到一个矩形的选区逐渐扩大。这个选区不是传统意义上的字符选择，而是一个“虚拟”的矩形区域，你在这个区域内输入的任何内容，都会被“插入”到这个矩形区域的每一行。

举个例子，假设你有一段这样的代码：

const item1 = 'apple';
const item2 = 'banana';
const item3 = 'orange';

现在你想在所有的

item

前面加上

my_

。你可以把光标放在

item1

的

前面，然后按住

Shift + Alt

（或

Shift + Option

），接着按两次

下箭头

。这时，你会看到在

item1

、

item2

、

item3

的

前面都出现了一个光标，并且形成了一个垂直的选区。现在，你只需要输入

my_

，这三个光标就会同步输入，结果就变成了：

Tome

先进的AI智能PPT制作工具

下载

const my_item1 = 'apple';
const my_item2 = 'banana';
const my_item3 = 'orange';

这种操作的强大之处在于，它不依赖于文本内容的具体字符，而是依赖于光标的垂直位置。即使每行的内容长度不一，块编辑也能精准地在同一列位置进行操作。这对于需要批量插入、删除或替换某个固定列的内容时，效率是爆炸性的。

我发现，很多初学者在尝试块编辑时，可能会不小心触发了普通的多光标，或者反之。关键在于理解两者的区别：多光标是独立的点，而块编辑是一个连续的矩形区域。熟练掌握这两种模式，能让你在不同的编辑场景下游刃有余。

多列选择与块编辑在实际开发中有什么应用场景？

在日常开发中，多列选择和块编辑简直是我的救星，尤其是在处理一些重复性高、但又不能简单用查找替换来解决的问题时。

重构代码中的命名： 这是最常见的场景之一。比如，我决定将一个模块内的所有
```
userController
```
统一改为
```
authController
```
。如果这些变量名散布在不同的地方，我可以用
```
Ctrl+D
```
或
```
Ctrl+Shift+L
```
快速选中所有匹配项，然后一次性修改。这比手动一个个改快太多了，也减少了遗漏的风险。
处理数据列表或配置项： 设想你有一个JSON文件，里面有几十个对象，每个对象都有一个
```
"id": "..."
```
的字段。现在，你需要把所有的
```
id
```
字段的值都加上一个前缀，比如
```
"prefix_"
```
。你可以使用块选择，选中所有
```
id
```
值前面的引号，然后输入
```
prefix_
```
。或者，你有一堆CSV数据，需要给某一列的所有数据加上单引号，块编辑也能轻松搞定。
批量修改HTML/XML标签属性： 比如，你有一堆
```
@@##@@
```
标签，现在需要给所有的
```
src
```
属性前面加上一个CDN路径。你可以用多光标选择所有
```
src="
```
后面的引号，然后粘贴或输入新的路径。或者，你需要给多个
标签添加一个相同的class属性，多光标能让你在多个标签上同时输入
```
class="new-class"
```
。
生成重复性代码： 有时候，我们需要创建一系列相似的变量、数组元素或对象属性。例如，在JavaScript中，你需要定义
```
item1
```
,
```
item2
```
,
```
item3
```
...。你可以在第一行写好
```
const item1 = '';
```
，然后利用块选择或
```
Shift + Alt + Down
```
向下复制多行，再利用多光标编辑数字部分。这比复制粘贴再修改要快得多，也更不容易出错。
代码对齐与格式化： 虽然有Prettier这样的工具，但有时候我需要手动调整一些代码的对齐，比如让多个变量的赋值号
```
=
```
对齐。我可以利用块选择在等号前面插入空格，直到它们对齐为止。这在处理一些特定格式的代码块时非常有用。