Gif多圖:我常用的 16 個 Sublime Text 快捷鍵


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/


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章