作为程序员👨💻,我们每天工作的大部分时间都是面对编辑器。俗话说,工欲善必先利器,熟练掌握吃饭的家伙是非常必要的。
回想一下最初还不会盲打的时候,一个字母一个字母的键入代码效率之低。(还不会盲打的同学,应该去下个金山打字通,平时多练练)两个技术水平相当的程序员,编码效率更高者肯定比编码效率低的人能输出更多代码。
我打算后续出一系列的提高编码效率(程序员的硬实力)的小短文,这是第一篇,介绍多光标~。熟练掌握并能应用起来,我们就有更多时间去拯救世界啦。
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]
快速在同一列插入光标。
回想一下,最开始接触代码的时候,执行上面的这些操作是不是捉襟见肘,眼睛一闭一睁一天就过去了。一开始我也是,直到我学会了多光标之后,一下就从重复劳动中抽离出来,解放了生产力。
关于多光标的使用,你还有什么使用技巧可以分享吗?