学会这些技巧,快速提升编码效率之多光标

1,349 阅读3分钟

作为程序员👨‍💻‍,我们每天工作的大部分时间都是面对编辑器。俗话说,工欲善必先利器,熟练掌握吃饭的家伙是非常必要的。

回想一下最初还不会盲打的时候,一个字母一个字母的键入代码效率之低。(还不会盲打的同学,应该去下个金山打字通,平时多练练)两个技术水平相当的程序员,编码效率更高者肯定比编码效率低的人能输出更多代码。

我打算后续出一系列的提高编码效率(程序员的硬实力)的小短文,这是第一篇,介绍多光标~。熟练掌握并能应用起来,我们就有更多时间去拯救世界啦。

Sublime Text, Vscode, Atom 等主流编辑器都支持多光标,这个功能非常强大,可以让我们同时编辑多处位置,避免重复劳动。这里的重复劳动指的是我们在编码过程中常常会遇到的,多处相似代码需要编辑,而这些劳动对个人提升是没有价值的。例如替换变量名,px 单位换成 rem 单位,给字段加上双引号等等。试试多光标怎么样(以下均是在 Mac + VScode 的效果)

cmd + click(windows 上是 ctrl + click),在多处位置插入光标。

可以看到通过点击,插入了四个光标,再结合 alt + [left | right] 快速切换到上个 Symbol。实现了快速编辑多处的效果。

不过手动插入光标还是太麻烦了,如果需要在一百行代码上插入光标,点一百次也需要时间。试试cmd + shift + l(windows 上是 ctrl + shift + l),在选中文本后方插入光标。

如果是修改不连续的内容的公共部分呢,比如还是同样的数据格式,要求快速把文件中的 title 内容全部换成替换成固定文本。

[
  {
    userId: 1,
    id: 1,
    title: "delectus aut autem",
    completed: false
  },
  {
    userId: 1,
    id: 2,
    title: "quis ut nam facilis et officia qui",
    completed: false
  },
  ...
]

search, alt + click,在搜索匹配位置插入光标。

插入光标之后,结合 cmd + [left | right](windows 上是 ctrl + [left | right]) 快速跳到行头,行尾。

下次如果你遇上需要编辑多处代码,可以试一下找找共同性,使用多光标的特性提高效率 😁。偶尔还会遇到一些代码层面上不好找可识别之处,但是在物理上有共同点,例如都在同一列上。试试 opt + cmd + [up|down] 快速在同一列插入光标。

回想一下,最开始接触代码的时候,执行上面的这些操作是不是捉襟见肘,眼睛一闭一睁一天就过去了。一开始我也是,直到我学会了多光标之后,一下就从重复劳动中抽离出来,解放了生产力。

关于多光标的使用,你还有什么使用技巧可以分享吗?