做爲程序員👨💻,咱們天天工做的大部分時間都是面對編輯器。俗話說,工欲善必先利器,熟練掌握吃飯的傢伙是很是必要的。程序員
回想一下最初還不會盲打的時候,一個字母一個字母的鍵入代碼效率之低。(還不會盲打的同窗,應該去下個金山打字通,平時多練練)兩個技術水平至關的程序員,編碼效率更高者確定比編碼效率低的人能輸出更多代碼。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]
快速在同一列插入光標。
回想一下,最開始接觸代碼的時候,執行上面的這些操做是否是捉襟見肘,眼睛一閉一睜一天就過去了。一開始我也是,直到我學會了多光標以後,一下就從重複勞動中抽離出來,解放了生產力。
關於多光標的使用,你還有什麼使用技巧能夠分享嗎?