學會這些技巧,快速提高編碼效率之多光標

做爲程序員👨‍💻‍,咱們天天工做的大部分時間都是面對編輯器。俗話說,工欲善必先利器,熟練掌握吃飯的傢伙是很是必要的。程序員

回想一下最初還不會盲打的時候,一個字母一個字母的鍵入代碼效率之低。(還不會盲打的同窗,應該去下個金山打字通,平時多練練)兩個技術水平至關的程序員,編碼效率更高者確定比編碼效率低的人能輸出更多代碼。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] 快速在同一列插入光標。

回想一下,最開始接觸代碼的時候,執行上面的這些操做是否是捉襟見肘,眼睛一閉一睜一天就過去了。一開始我也是,直到我學會了多光標以後,一下就從重複勞動中抽離出來,解放了生產力。

關於多光標的使用,你還有什麼使用技巧能夠分享嗎?

相關文章
相關標籤/搜索