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

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

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

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

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

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

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

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

若是是修改不连续的内容的公共部分呢,好比仍是一样的数据格式,要求快速把文件中的 title 内容所有换成替换成固定文本。3d

[
  {
    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,在搜索匹配位置插入光标。code

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

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

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

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

相关文章
相关标签/搜索