工具推薦 | Sublime Text 3 (Mac) 介紹、快捷鍵

Sublime Text

官方網站

自身使用sublime text這套編輯器已經有3年之餘，本身是個快捷鍵狂熱者，對於發掘好用的快捷鍵樂此不疲，本身使用mac所以根據自身使用經驗和參考網路文章，特此分享該工具和快捷鍵介紹。

看看sublime text華麗的官方介紹：(截於官方)​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

快捷鍵

• cmd = command
• shift = shift
• option = option (alt)
• control = control
• pkg-ctrl = package control (command + shift + p)

註：左邊為縮寫，右邊為鍵盤上面的標示。

基礎模式

「基礎模式」介紹非sublime專用的快捷鍵，是一般使用者都可以快速上手的部分。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

1. cmd + o (open)

快速開啟整個資料夾(專案)

2. cmd + w

關閉視窗分頁

3. cmd + n

開新分頁​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

4. cmd + shift + t

重新開啟剛剛關閉的分頁

5. cmd + shift + v

貼上時，符合縮排

6. cmd + n

當前視窗內再開一個分頁​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

7. cmd + shift +n

另開一個新的視窗個分頁

畫面配置

以下介紹sublime的畫面配置，常常因為編輯情境的所需，利用快捷鍵讓自己的畫面配置更加有彈性。

1. cmd + option + 數字

分割視窗，讓你的編輯範圍有多個panel。常用為cmd + option + 1和cmd + option + 2之間切換。
使用情境：左邊.html右邊.css，編輯起來快速又方便。
建議：利用空白鍵右邊的兩個連續按鈕搭配數字。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

2. cmd + k 再 cmd + b

關閉左側資料夾目錄，讓畫面變得更寬敞。 這是我非常使用的一個快捷鍵，可以讓編輯的區域變得更大。

​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

3. cmd + shift + control + f

進入zen狀態，單份文件變成全螢幕，且左邊會自動縮排。
使用情境：當不常需要切換檔案時，此模式可以專注在單一檔案上，打這篇blog時我便這樣使用。
建議：快捷鍵不好記，可以點選View –> Enter Distraction Free Mode

選取

回到sublime text編輯器本身，因為重點在編輯部分，因此在此將「選取」特別整理成一區。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

1. cmd + d (可連按)

快速選取一範圍內的字串，連按d的話會選取整份文件內相同的字串。
當選取完後，可以直接打字，因此就可以將整份文件的字串全部改成新字串。

2. cmd + l (可連按)

選取游標在內的一行，連按l的話會往下選取下面的行數。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

3. cmd + shift + l

此功能常與上述cmd + l配合，當選取多行後，按下cmd + shift + l，則會在多行的情況結尾出現游標，可以做多行編輯。

​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

4. option + 滑鼠拖拉

當按住option後，搭配滑鼠拖拉便可以一次選取多行，並且產生游標。
注意：拖曳的時候，滑鼠必須是由上到下垂直的選取狀態。

5. cmd + 滑鼠點選

按住cmd後，利用滑鼠在文件內點選，便可以在任何位置新增游標，產生多選狀態做編輯。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

6. cmd + 左 或 右

讓你的游標可以快速的回到該行的最前面或是最後面。

​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

7. shift + 左 或 右

每按一次會選擇一個字元，可以更加精準的選取自己要的部份。

8. cmd + shift + 左 或 右

從游標所在處，往前選取或者往後選取該行到底。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

尋找

在sublime裡面尋找的功能做的非常強大，不論是文件內、或是文件名稱都可以快速找到。
底下將會利用GoTo Anything這個強大的內建功能來實作。

1. cmd + p + 輸入檔名

利用cmd + p，之後等視窗出現後，即可輸入你要找的檔名，按下enter即可開啟。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

2. cmd + p + “:” + 行數

此功能相同於control + g，可以快速的跳到你指定的行數。

​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

3. cmd + p + “@” + function name

此功能相同於cmd + r，可以快速跳到定義的function建議：若是知道要找function，建議使用這個而非使用cmd + f。

註：這個功能在我這邊沒有作用，待確認後會再補上說明及範例圖。

4. cmd + p + “#” + keyword

此功能可以快速找到文件內的關鍵字。
個人比較少用這個功能，利用cmd + f時，可以持續按enter找到目標。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

5. cmd + shift + f

全文搜尋，可以找出「整個 project」內的關鍵字。 在Find Result內，點選兩下，便可以跳到該文件，這是我覺得最實用的部份。

取代

1. cmd + shift + f

全文搜尋和取代可以針對「整個 project」或是「指定 檔案」內的關鍵字。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

2. cmd + shift + f (換行符號)

針對換行符號做取代，這對於串組字串的時候非常方便；主要開啟Regular Expression正規表示式功能來處理。
注意：換行符號根據不同OS會有所不同(\n or \r or \r\n)

​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

其他

1. cmd + control + 上 或 下

將選取起來的行，整段往上或往下移動。
使用情境：當幾行code需要移動不算太大範圍的時候，可以使用這個快捷鍵，而不用剪下再貼上。

2. cmd + /

將該行註解。
個人建議：搭配cmd + l(連按)可以選取多行，一次註解起來。​‌‌‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​‌​​​‌‌​​​​​​‌‌​​​‌​​‌‌‌​​‌​​‌‌​​​‌​​‌‌​​‌​​​‌‌​​​‌​​‌‌​​​​​​‌​‌‌​‌​‌​‌​‌​​​‌‌​‌‌‌‌​‌‌​‌‌‌‌​‌‌​‌‌​​​‌‌‌​​‌‌​​‌​‌‌​‌​​‌‌​​​‌

註：以上參考了
Sublime Text 3 Mac 指南