Gif多圖:我常用的 16 個 Sublime Text 快捷鍵
這裏有一個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,包括選擇所有匹配項,複製鏈接的文本,利用多行光標粘貼複製的文本,並將該文本轉換爲小寫。
Emmet插件快捷方式:
圖片:http://www.w3cplus.com/sites/default/files/baiyap_w_picpaths/CheatSheet.jpg
或:http://docs.emmet.io/cheat-sheet/