在我做了一次包含一些現場編碼的演示后,一些觀眾問我是如何操作這么快。當然這里沒有唯一的答案,答案是一堆簡單的快捷鍵和大量的實踐的組合。為了回應那些詢問,我覺得有必要看看我每天想都不用想且使用的快捷鍵。
這里有一個15 16 個快捷鍵的精選列表(1個自定義快捷鍵),以gif動畫展示,我每天使用。享受吧!
(譯者注:原文所列快捷鍵均為OS X環境,為了方便Windows和Linux環境童鞋的學習,譯者將備注Windows和Linux下對應的快捷鍵)
選擇
- 選擇一個選中項的下一個匹配項
- 選擇一個選中項的所有匹配項
- 選擇與光標關聯的開始和結束標簽
- 選擇容器內內容(新)
- 選擇括號內的內容
移動行和文本
- 上移或下移行
- 復制行或選中項
- 增加和減少縮進
剪切和刪除,復制和粘貼
- 剪切行或選中項
- 粘貼並保持縮進
- 用標簽包裹行或選中項
- 移除未閉合的容器元素
文本和數字操作
- 計算數學表達式
- 遞增和遞減
- 大寫和小寫
注釋和對齊變量
- 注釋選中項/行
- AlignTab自定義快捷鍵
選擇一個選中項的下一個匹配項: ⌘ + D
(譯者注:ctrl+d)
把光標放在一個單詞上,按下⌘+ D,將選擇這個單詞。一直按住⌘且按D多次,將選擇當前選中項的下一個匹配項。通過按住⌘,再按D三次,將選擇三個相同的文本。
選擇一個選中項的所有匹配項: CTRL + ⌘ + G
(譯者注:alt+f3)
和上面一樣,但它選擇文件中的所有匹配項。小心使用這個,因為它能選擇一個文件中的所有匹配項. .
選擇與光標關聯的開始和結束標簽:⌘+⇧+ K
(譯者注:ctrl+shift+’)
這是一個法寶。也許你希望所有屬性保持不變,但只是想選擇標簽。這個快捷鍵為你這樣做,會注意到你可以在一次操作多個標簽。*需要Emmet插件
選擇容器內內容:CTRL + D
(譯者注:ctrl+shift+a)
如果你把光標放在文本間再按下上面的鍵將選擇文本,就像⌘+ D。但是再次按下它,將選擇父容器,再按,將選擇父容器的父容器。*需要Emmet插件
選擇括號內的內容: ⌘ + ⇧ + Space
(譯者注:ctrl+shift+m)
這有助於選擇括號之間的一切。同樣適用於CSS。
上移或下移行: CTRL + ⌘ + ↑ 或 ↓
(譯者注:ctrl+shift+↑ 或 ↓)
復制行或選中項: ⌘ + ⇧ + D
(譯者注:ctrl+shift+d)如果你已經選中了文本,它會復制你的選中項。否則,把光標放在行上,會復制整行。
增加和減少縮進: ⌘ + [ 或 ]
(譯者注:ctrl+[ 或 ])
剪切行或選中項: ⌘ + X
(譯者注:ctrl+x)
剪切一行到你的剪切板,你可以粘貼到其他地方.
粘貼並保持縮進: ⇧ + ⌘ + V
(譯者注:ctrl+shift+v)這是又一個我每次都用的快捷鍵。在gif中我顯示了普通粘貼(⌘+ V)和縮進粘貼兩種效果的對比。注意縮進如何排列。
用標簽包裹行或選中項: CTRL + ⇧ + W
(譯者注:alt+shift+w)
使用標簽包裹一行; 開始輸入你想使用的標簽,你成功了.
移除未閉合的容器元素: ⌘ + ’
(譯者注:ctrl+shift+;)這會移除與你的光標相關的父標簽。對清除標記很有幫助。
計算數學表達式: ⌘ + ⇧ + Y
(譯者注:ctrl+shift+y)我從未想過我會經常使用這個,但是確實很好用
遞增和遞減: ⇧ + OPTION + ↑ or ↓, OPTION + ↑ or ↓
(譯者注:alt+shift+↑ 或 ↓,ctrl+ ↑ 或 ↓)
按住 ⇧ 將以10的步長改變數字, 不按住以1為步長. 同時注意到你不需要選擇數字, Sublime Text 足夠聰明到更新本行最近的數字.
大寫和小寫: ⌘ + K then U, ⌘ + K then L
(譯者注:ctrl+k+u,ctrl+k+l)
注釋選中項/行: ⌘ + /
(譯者注:ctrl+/)
這個在所有語言下都可用, 對行和選中項都可用.
額外令人高興的事情!使用AlignTab自定義快捷鍵
上面的快捷鍵都是Sublime Text默認的快捷鍵,但是你也可以添加你自己的自定義快捷鍵。以下示例應用 AlignTab插件使用 三個自定義鍵綁定 來基於=> ,=,和:進行內容垂直對齊。因為我工作中主要使用JavaScript和PHP,這些綁定對於幾乎我需要的每一個場景都有用,但是你可以用任何你想要的字符進行垂直對齊。
在你自己的編輯器實現下面gif的效果,只需安裝 AlignTab, ,添加自定義綁定到您的自定義鍵綁定文件中,選擇一些代碼,並點擊CTRL + ⇧ + . 或 ; 或 =.
結論
一旦你看到多行代碼發生了一個改變,通常有一個使用幾個按鍵來實現改變的方法,而不是一個個地編輯它們。通過連續使用上面快捷鍵的組合去執行重復的或可預見的改變,你可以大大提高你編碼的速度。
這里是一個簡短的Gif,包括選擇所有匹配項,復制鏈接的文本,利用多行光標粘貼復制的文本,並將該文本轉換為小寫。
1 :按住shift+ctrl然后按←或→可快速選中一行中的某一部分,相當於雙擊鼠標選中。
當你想在代碼末尾加注釋的話,這個方法很好用
輸入文字-》光標移到文字末尾-》按住shift+ctrl+←便會選中文字-》其他操作:刪除、注釋(ctrl+/)等等。
2:shift+ctrl鍵組合+↑↓。可實現類似鼠標選中之后移動的效果。
光標定位到某一行-》ctrl+shift+↑↓,上下移動一行。
選中之后-》ctrl+shift+↑↓,上下移動選中區域。
3:ctrl+shift+d:快速復制光標所在的一整行,並復制到該行之前。
4:ctrl+shift+m:選中花括號里面的全部內容不包括{}。
5:ctrl+shift+A:選中標簽內的內容不包括標簽,繼續按會繼續往上一層選擇。
可利用這個功能實時結構預覽。
再按
6:Ctrl+Shift+Enter 光標前插入行。
很好用,當因為某種原因需要插入新行的時候,使用它並且自帶的縮進功能不需要使用tap鍵。
6:Ctrl+Shift+[ 折疊代碼
Ctrl+Shift+] 展開代碼
在HTML語法格式中,可實現標簽的折疊,很方便的查看標簽布局結構。
7:Ctrl+Shift+K 刪除整行
8:ctrl+shift+p 打開命令面板
Sublime Text快捷鍵:
Ctrl+Shift+P:打開命令面板
Ctrl+P:搜索項目中的文件
Ctrl+G:跳轉到第幾行
Ctrl+W:關閉當前打開文件
Ctrl+Shift+W:關閉所有打開文件
Ctrl+Shift+V:粘貼並格式化
Ctrl+D:選擇單詞,重復可增加選擇下一個相同的單詞
Ctrl+L:選擇行,重復可依次增加選擇下一行
Ctrl+Shift+L:選擇多行
Ctrl+Shift+Enter:在當前行前插入新行
Ctrl+X:刪除當前行
Ctrl+M:跳轉到對應括號
Ctrl+U:軟撤銷,撤銷光標位置
Ctrl+J:選擇標簽內容
Ctrl+F:查找內容
Ctrl+Shift+F:查找並替換
Ctrl+H:替換
Ctrl+R:前往 method
Ctrl+N:新建窗口
Ctrl+K+B:開關側欄
Ctrl+Shift+M:選中當前括號內容,重復可選着括號本身
Ctrl+F2:設置/刪除標記
Ctrl+/:注釋當前行
Ctrl+Shift+/:當前位置插入注釋
Ctrl+Alt+/:塊注釋,並Focus到首行,寫注釋說明用的
Ctrl+Shift+A:選擇當前標簽前后,修改標簽用的
F11:全屏
Shift+F11:全屏免打擾模式,只編輯當前文件
Alt+F3:選擇所有相同的詞
Alt+.:閉合標簽
Alt+Shift+數字:分屏顯示
Alt+數字:切換打開第N個文件
Shift+右鍵拖動:光標多不,用來更改或插入列內容
鼠標的前進后退鍵可切換Tab文件
按Ctrl,依次點擊或選取,可需要編輯的多個位置
按Ctrl+Shift+上下鍵,可替換行