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

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

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

的

i

前面，然后按住

Shift + Alt

（或

Shift + Option

），接着按两次

下箭头

。这时，你会看到在

item1

、

item2

、

item3

的

i

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

my_

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

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

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

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

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

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

1. 重构代码中的命名： 这是最常见的场景之一。比如，我决定将一个模块内的所有

   userController

   统一改为

   authController

   。如果这些变量名散布在不同的地方，我可以用

   Ctrl+D

   或

   Ctrl+Shift+L

   快速选中所有匹配项，然后一次性修改。这比手动一个个改快太多了，也减少了遗漏的风险。

2. 处理数据列表或配置项： 设想你有一个json文件，里面有几十个对象，每个对象都有一个

   "id": "..."

   的字段。现在，你需要把所有的

   id

   字段的值都加上一个前缀，比如

   "prefix_"

   。你可以使用块选择，选中所有

   id

   值前面的引号，然后输入

   prefix_

   。或者，你有一堆CSV数据，需要给某一列的所有数据加上单引号，块编辑也能轻松搞定。

3. 批量修改HTML/xml标签属性： 比如，你有一堆

   <img>

   标签，现在需要给所有的

   src

   属性前面加上一个CDN路径。你可以用多光标选择所有

   src="

   后面的引号，然后粘贴或输入新的路径。或者，你需要给多个

   <div>

   标签添加一个相同的class属性，多光标能让你在多个标签上同时输入

   class="new-class"

   。

4. 生成重复性代码： 有时候，我们需要创建一系列相似的变量、数组元素或对象属性。例如，在JavaScript中，你需要定义

   item1

   ,

   item2

   ,

   item3

   …。你可以在第一行写好

   const item1 = '';

   ，然后利用块选择或

   Shift + Alt + Down

   向下复制多行，再利用多光标编辑数字部分。这比复制粘贴再修改要快得多，也更不容易出错。

5. 代码对齐与格式化： 虽然有Prettier这样的工具，但有时候我需要手动调整一些代码的对齐，比如让多个变量的赋值号

   =

   对齐。我可以利用块选择在等号前面插入空格，直到它们对齐为止。这在处理一些特定格式的代码块时非常有用。

这些场景仅仅是冰山一角。多列选择和块编辑的真正价值在于它提供了一种“并行编辑”的思维模式，让你能够跳出传统的单点编辑，以更高的维度来思考和操作文本。一旦你习惯了这种操作，你会发现很多以前觉得繁琐的编辑任务，都变得异常简单和高效。