使用 Sublime Text 提高生產力的快捷方式和技巧

已發表: 2022-03-10
快速總結↬ Sublime Text 無疑是最強大的文本編輯器之一。 滿意的用戶數量證明了這一點。 如果你探索它,你最終會發現它的強大功能隱藏在一個簡單而優雅的界面背後是多麼美妙。 如果你已經使用 Sublime Text 一段時間了,現在是時候用新彈藥升級你的武器庫了。 我將帶您了解一些我最喜歡的技巧和竅門。 了解它們可能只會將你作為程序員的隱藏力量釋放給世界。

毫無疑問,Sublime Text 是最強大的文本編輯器之一。 滿意的用戶數量證明了這一點。 如果你探索它,你最終會發現它的強大功能隱藏在一個簡單而優雅的界面背後是多麼美妙。

如果你已經使用 Sublime Text 一段時間了,現在是時候用新彈藥升級你的武器庫了。 我將帶您了解一些我最喜歡的技巧和竅門。 了解它們可能只會將你作為程序員的隱藏力量釋放給世界。

關於 SmashingMag 的進一步閱讀

  • 50 個為網頁設計師節省時間的強大工具
  • 適用於網頁設計師的強大工作流程提示、工具和技巧
  • 如何保持您的編碼工作流程井井有條

崇高的文本插件

包裝控制

Package Control 是下載和管理 Sublime Text 相關插件和主題的一站式解決方案。 安裝說明可在 Package Control 網站上找到。

跳躍後更多! 繼續往下看↓

安裝後,您可以使用命令面板訪問它。 要安裝插件,請按Cmd ⌘ + Shift ⇧ + P (Mac) 或Ctrl ⌃ + Shift ⇧ + P (Windows 和 Linux),然後輸入Install Package並按“Return”。 存儲庫中的插件列表需要一些時間來加載,但是您可以輸入您感興趣的插件的名稱並從那里安裝它。 下面列出了一些我最喜歡的插件。

包裝控制。

側邊欄增強功能

Sublime Text 的默認側邊欄只能完成一些有限的任務。 Sidebar Enhancements 插件通過在瀏覽器中打開文件、複製、粘貼、複製路徑、複製、刪除等命令來增強 Sublime Text。

側邊欄增強功能。

普通任務

Plain Tasks 將 Sublime Text 轉換為功能強大的待辦事項列表管理器。 您可以通過 Package Control 安裝它。 創建一個以.todo作為擴展名的文件,以在其上激活普通任務。 有關其他提示,您可以訪問插件中提供的教程,該教程位於“首選項”→“包設置”→“普通任務”→“教程”。

對於新任務:

  • Cmd ⌘ + Return ↵ (Mac)
  • Ctrl ⌃ + Return ↵ (Windows 和 Linux)

標記為完成:

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows 和 Linux)

標記為已取消:

  • Ctrl ⌃ + C (Mac)
  • Alt + C (Windows 和 Linux)
簡單的任務。

崇高的棉絨

使用 Sublime Linter 檢查代碼中的錯誤。 該插件提供了一個用於檢查代碼的框架。 實際的 linting 由各種插件(用於 Ruby、Python、JavaScript 等)完成,這意味著您需要先安裝 Sublime Linter,然後為您的代碼安裝特定於語法的 linter。 有大量文檔可用。

崇高的棉絨。

埃米特

Emmet,曾經被稱為 Zen Coding,是任何 Web 開發人員不可或缺的工具。 它可能是您能找到的最高效、最省時的插件。

編寫代碼需要時間,而 HTML 繁重的工作(例如編寫標籤和用引號包裝類)可能很無聊。 Emmet 負責這一切。 它神奇地將縮寫擴展為整個 HTML 或 CSS 結構。 它用於這些縮寫的語法受 CSS 選擇器的啟發。 讓我們看看它的實際效果。

埃米特。

崇高的導師

Sublime Tutor 是 Sublime Text 中鍵盤快捷鍵的交互式編輯器內教程。 如果您剛剛開始使用 Sublime Text,該插件將通過在編輯器本身內教您漂亮的提示和技巧來立即提高您的工作效率。 該插件使用間隔重複技術來確保您記住它教授的命令。

Sublime 插件:Sublime Tutor
崇高的導師。

使用包控制安裝插件。 安裝後,您可以通過“幫助”菜單或Ctrl ⌃ + Alt ⌥ + K鍵盤快捷鍵訪問導師。

崇高的文本功能

去任何地方

這可能是 Sublime Text 中最強大和最常用的命令。 輕鬆瀏覽文件、文件夾、符號和行。

轉到文件:

  • Cmd ⌘ + P (Mac)
  • Ctrl ⌃ + P (Windows 和 Linux)

按鍵盤簡碼,然後開始輸入文件名。 Sublime Text 將執行模糊搜索並立即為您獲取所需的文件。

轉到一個符號:

  • Cmd ⌘ + R (Mac)
  • Ctrl ⌃ + R (Windows 和 Linux)

轉到一行:

  • Ctrl ⌃ + G (Mac)
  • Ctrl ⌃ + G (Windows 和 Linux)

要轉到文件中的特定行,請鍵入冒號,後跟行號,或使用鍵盤短代碼。

去任何地方。

單詞選擇

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows 和 Linux)

將光標放在一個單詞上,按鍵盤簡碼,該單詞將立即被選中。 如果再次按下相同的組合鍵,Sublime Text 將進入多選模式並選擇文檔中相同單詞的其他實例。 您可以使用此方法在單詞的所有實例中快速添加或替換文本。

單詞選擇。
  • Ctrl ⌃ + Cmd ⌘ + G (Mac)
  • Alt + F3 (Windows 和 Linux)

這是實現相同目的的另一種方法。 它不是增量搜索單詞,而是對光標下的單詞進行批量搜索並切換到多選模式。

將選擇擴展到範圍

  • Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
  • Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows 和 Linux)

這個快捷方式對 JavaScript 開發人員非常有用。 它選擇當前範圍。 再次按下相同的組合鍵可選擇其父作用域。 該視頻清楚地說明了它的工作原理:

將選擇擴展到範圍。

將選擇分成幾行

  • Cmd ⌘ + Shift ⇧ + L (Mac)
  • Ctrl ⌃ + Shift ⇧ + L (Windows 和 Linux)

使用此快捷方式將所選區域分成多行,將 Sublime Text 置於多選模式。 我使用這個技巧將單詞列表快速轉換為封閉的字符串數組。

將選擇分成幾行。

列選擇

  • Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
  • Ctrl ⌃ + Alt + Up ↑ / Down ↓ (贏)
  • Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

使用此快捷方式在 Sublime Text 中選擇一列。 將光標放在文檔中的任意位置,然後按快捷鍵向上或向下選擇列。 這也會帶您進入多選模式,就像上面的兩個命令一樣。

列選擇。

種類

  • F5 (蘋果機)
  • F9 (Windows 和 Linux)

我喜歡讓我的 CSS 屬性按字母順序排序。 該命令對此非常有用。 選擇您需要排序的塊(專業提示:使用Ctrl ⌃ + Shift ⇧ + J選擇縮進級別),然後按鍵盤短代碼。

種類。

打開拼寫檢查

  • F6

代碼進入審查階段後,再也不會因印刷錯誤而失望。 使用此鍵快速切換拼寫檢查器。

打開拼寫檢查。

評論

  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows 和 Linux)

這是我最常用的快捷方式之一。 使用此快捷方式可以輕鬆標記任何編程語言的註釋。 在 HTML 文件中,它會放入一對<!-- -->標記,而在 JavaScript 中,它會將//放在行首。

評論。

向上或向下冒泡

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows 和 Linux)

想要將一段代碼向上移動五行嗎? 剪切和粘貼真的是老派。 使用此鍵綁定將片段帶到您想要的任何地方。 再次按下快捷方式以繼續向上或向下移動它。

向上或向下冒泡一條線。

重複選擇

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows 和 Linux)

默認情況下,此快捷方式複制當前行並將其放在下一行。 如果您選擇一個區域並按下此快捷方式,它將復制整個區域。

重複選擇。

加入兩條線

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows 和 Linux)

這會將下一行連接到當前行,將其間的所有空白替換為一個空格。 在一行行上執行,這將所有行連接在一起。

連接兩條線。

轉到匹配支架

  • Ctrl ⌃ + M

使用此命令將光標從一個括號位置移動到另一個位置。 當您迷失在較長的方法中並想要到達其起始位置(反之亦然)時,這尤其有用。

轉到匹配的括號。

關閉 HTML 標籤

  • Cmd ⌘ + Opt ⌥ + . (蘋果)
  • Alt + . (Windows 和 Linux)

使用此快捷方式關閉當前打開的 HTML 標記。 它在當前光標位置插入匹配的結束標記。

關閉 HTML 標記。

在項目中查找

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows 和 Linux)

這是 Sublime Text 的grep等價物。 它在整個項目中找到一個術語。 這個命令的特別之處在於它的速度非常快。 有一些選項可以使其區分大小寫並執行正則表達式匹配。

要在項目範圍內搜索當前文檔中的特定術語,請將光標放在該術語上,然後按Ctrl ⌃ + E ,這會將該術語放入搜索框中。 按上面的簡碼會用這個詞填充項目範圍的搜索框。

在項目中查找。

在選項卡之間切換

  • Cmd ⌘ + Shift ⇧ + [] (Mac)
  • Ctrl ⌃ + Page Up ⇞Page Down ⇟ (Windows 和 Linux)

就像在 Web 瀏覽器中一樣,您可以在 Sublime Text 中打開多個選項卡。 要從一個選項卡移動到另一個選項卡,您可以使用上述快捷方式,並使用Cmd ⌘ + T (Mac) 或Ctrl ⌃ + N (Windows 和 Linux) 創建一個新選項卡。

在選項卡之間切換。

命令面板

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows 和 Linux)

隨著您對 Sublime Text 的精通,您會越來越少地訪問菜單,而是只需輕按幾下鍵盤即可完成所有操作。 使用命令面板,您可以快速鍵入命令,Sublime Text 將與現有命令集進行模糊匹配,讓您從方便的地方訪問命令。

以下是您可以在命令面板中嘗試的一些操作 — 設置新創建文件的語法、對當前文檔中的行進行排序以及使用 Package Control 安裝插件。

命令調色板。

顯示控制台

  • Ctrl ⌃ + `

Sublime Text 帶有一個嵌入式 Python 解釋器。 當您為編輯器開發插件時,它是執行 Python 命令或快速測試 Sublime Text 的 API 的便捷工具。

列選擇。

種類

  • F5 (蘋果機)
  • F9 (Windows 和 Linux)

我喜歡讓我的 CSS 屬性按字母順序排序。 該命令對此非常有用。 選擇您需要排序的塊(專業提示:使用Ctrl ⌃ + Shift ⇧ + J選擇縮進級別),然後按鍵盤短代碼。

種類。

打開拼寫檢查

  • F6

代碼進入審查階段後,再也不會因印刷錯誤而失望。 使用此鍵快速切換拼寫檢查器。

打開拼寫檢查。

評論

  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows 和 Linux)

這是我最常用的快捷方式之一。 使用此快捷方式可以輕鬆標記任何編程語言的註釋。 在 HTML 文件中,它會放入一對<!-- -->標記,而在 JavaScript 中,它會將//放在行首。

評論。

向上或向下冒泡

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows 和 Linux)

想要將一段代碼向上移動五行嗎? 剪切和粘貼真的是老派。 使用此鍵綁定將片段帶到您想要的任何地方。 再次按下快捷方式以繼續向上或向下移動它。

向上或向下冒泡一條線。

重複選擇

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows 和 Linux)

默認情況下,此快捷方式複制當前行並將其放在下一行。 如果您選擇一個區域並按下此快捷方式,它將復制整個區域。

重複選擇。

加入兩條線

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows 和 Linux)

這會將下一行連接到當前行,將其間的所有空白替換為一個空格。 在一行行上執行,這將所有行連接在一起。

連接兩條線。

轉到匹配支架

  • Ctrl ⌃ + M

使用此命令將光標從一個括號位置移動到另一個位置。 當您迷失在較長的方法中並想要到達其起始位置(反之亦然)時,這尤其有用。

轉到匹配的括號。

關閉 HTML 標籤

  • Cmd ⌘ + Opt ⌥ + . (蘋果)
  • Alt + . (Windows 和 Linux)

使用此快捷方式關閉當前打開的 HTML 標記。 它在當前光標位置插入匹配的結束標記。

關閉 HTML 標記。

在項目中查找

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows 和 Linux)

這是 Sublime Text 的grep等價物。 它在整個項目中找到一個術語。 這個命令的特別之處在於它的速度非常快。 有一些選項可以使其區分大小寫並執行正則表達式匹配。

要在項目範圍內搜索當前文檔中的特定術語,請將光標放在該術語上,然後按Ctrl ⌃ + E ,這會將該術語放入搜索框中。 按上面的簡碼會用這個詞填充項目範圍的搜索框。

在項目中查找。

在選項卡之間切換

  • Cmd ⌘ + Shift ⇧ + [] (Mac)
  • Ctrl ⌃ + Page Up ⇞Page Down ⇟ (Windows 和 Linux)

就像在 Web 瀏覽器中一樣,您可以在 Sublime Text 中打開多個選項卡。 要從一個選項卡移動到另一個選項卡,您可以使用上述快捷方式,並使用Cmd ⌘ + T (Mac) 或Ctrl ⌃ + N (Windows 和 Linux) 創建一個新選項卡。

在選項卡之間切換。

命令面板

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows 和 Linux)

隨著您對 Sublime Text 的精通,您會越來越少地訪問菜單,而是只需輕按幾下鍵盤即可完成所有操作。 使用命令面板,您可以快速鍵入命令,Sublime Text 將與現有命令集進行模糊匹配,讓您從方便的地方訪問命令。

以下是您可以在命令面板中嘗試的一些操作 — 設置新創建文件的語法、對當前文檔中的行進行排序以及使用 Package Control 安裝插件。

命令調色板。

顯示控制台

  • Ctrl ⌃ + `

Sublime Text 帶有一個嵌入式 Python 解釋器。 當您為編輯器開發插件時,它是執行 Python 命令或快速測試 Sublime Text 的 API 的便捷工具。

請記住,此解釋器與 Sublime Text 捆綁在一起,它與您系統安裝的 Python 不同。 這個控制台的目的是與 Sublime Text 的插件 API 交互。 您可能在安裝 Package Control 時使用了此控制台。

顯示控制台。

要了解使用 Sublime Text 的插件 API 可以做什麼,請查閱文檔。

無干擾模式

  • Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
  • Shift ⇧ + F11 (Windows 和 Linux)

對於需要能夠全神貫注的作家和其他人,Sublime Text 具有更加簡約的界面。 使用快捷方式打開和關閉無干擾模式。

無干擾模式。

文本命令行助手

Sublime Text 包含一個命令行工具,可以讓在命令行上處理文件變得超級容易。 要讓它在 Mac 上運行,你需要讓它在你的 shell 中可用。

假設您已將 Sublime Text 放在“應用程序”文件夾中,並且您的路徑中有一個~/bin目錄,您可以運行以下命令:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 
文本命令行助手。

要將其用作提示輸入的命令(例如git commit )的默認編輯器,請設置editor環境變量。

 export EDITOR='sublime -w'

在 Windows 上,您可以以類似的方式使用subl.exe

結論

Sublime Text 充滿瞭如此強大的快捷鍵和命令。 僅僅瀏覽這篇文章,您可能無法記住這些; 相反,您需要在經歷過程中進行練習。 列出對自己最有用的快捷方式,並在使用 Sublime Text 時定期參考它們。 實踐是關鍵。 您正在成為 Sublime Text 忍者的路上。