Atom 代碼編輯器技巧：提升效率的實用指南

核心要點:

• Atom 的多光標(biāo)支持、自動縮進(jìn)功能以及顯示不可見字符和軟換行功能，可顯著提高編碼效率和可讀性。
• Atom 的包系統(tǒng)允許對代碼編輯器進(jìn)行廣泛的自定義和增強(qiáng)，推薦日常使用的包包括項目管理器、Git Plus、Minimap 和 Pigments。
• 鍵盤快捷鍵可以極大地加快 Atom 中的工作流程。一些最常用的快捷鍵包括複製行、上下移動行、選擇和取消選擇匹配字符以及切換註釋。
• Atom 的界面高度可定制，允許用戶根據(jù)自己的喜好調(diào)整主題、佈局和麵板。 Atom 還內(nèi)置了與 Git 和 GitHub 的集成，並支持多行編輯和與其他開發(fā)人員的協(xié)作。

Atom 是 GitHub 團(tuán)隊發(fā)布和維護(hù)的代碼編輯器。這款於 2014 年發(fā)布的“Sublime Text 殺手”擁有超過 110 萬月活躍用戶，這毫不奇怪：易於擴(kuò)展、自定義和修改的 IDE 已成為許多開發(fā)人員的最愛。儘管 Atom 廣泛使用，但我經(jīng)?？吹揭恍┙?jīng)驗豐富的開發(fā)者使用冗長的方式完成任務(wù)，或者沒有意識到 Atom 的真正潛力。本文探討了一些提高 Atom 工作流程的技巧。我希望在您閱讀完本文後，至少能學(xué)習(xí)到一個您無法割捨的新技巧。 注意：儘管本文面向 Atom 用戶，但許多技巧和快捷鍵也適用於 Sublime Text。

技巧

首先，介紹一些通用的 Atom 技巧。您可以啟用一些選項，使用 IDE 的功能，以及您從未知道存在的菜單設(shè)置。值得瀏覽所有菜單選項——您可能會發(fā)現(xiàn)一些您從未知道存在的功能！

多光標(biāo)

Atom 最令人印象深刻的功能之一是其多光標(biāo)支持。這使您可以一次在文檔中的多個位置同時鍵入多個內(nèi)容。只需按住 Cmd（Mac）或 Ctrl（Windows/Linux），然後單擊您想要鍵入的每個位置即可。還有其他方法可以獲得多個光標(biāo)——但我們稍後將通過鍵盤快捷鍵介紹它們。

自動縮進(jìn)

從其他地方復(fù)制代碼時，縮進(jìn)混亂是一個讓人煩惱的問題。幸運(yùn)的是，Atom 可以解決這個問題。選擇代碼，然後轉(zhuǎn)到“編輯”>“行”>“自動縮進(jìn)”。這應(yīng)該會將文件的當(dāng)前縮進(jìn)複製到您的代碼中以進(jìn)行更正。

為了加快速度，我創(chuàng)建了一個自定義鍵盤快捷鍵，使我能夠在任何時候使用 Ctrl Cmd ]（Mac）或 Ctrl }（Windows/Linux）。要自己執(zhí)行此操作，請轉(zhuǎn)到 Atom > Keymap（Mac）或 File > Settings > Keybindings > Keymap（Windows/Linux），然後粘貼以下內(nèi)容（Mac）：

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>

或以下內(nèi)容（Windows/Linux）：

<code>'atom-text-editor':
    'ctrl-}': 'editor:auto-indent'</code>

顯示不可見字符

為了確保文檔和所有行都使用正確的縮進(jìn)，我在編輯器中啟用了不可見字符。這將顯示 ··· 表示空格縮進(jìn)，? 表示製表符，? 表示換行符。這有助於您準(zhǔn)確查看混合了製表符和空格的空行。雖然一開始會讓您的屏幕顯得“繁忙”，但您很快就會習(xí)慣它，我現(xiàn)在發(fā)現(xiàn)它非常寶貴。為此，請轉(zhuǎn)到 Atom（Mac）或 File（Windows/Linux）> Preferences >（向下滾動）Show Invisibles。

軟換行

我不喜歡左右和上下滾動，因此為了確保只有一個方向，我在 Atom 中啟用了軟換行。這確保了沒有任何內(nèi)容超出屏幕邊緣，而是環(huán)繞顯示。如果它換行了，它會將其縮進(jìn)到與前一行相同的級別，並用 · 替換槽中的行號。要啟用此選項，請在 Atom（Mac）或 File（Windows/Linux）> Preferences >（向下滾動）Soft Wrap 中向下幾個複選框。

字符大小寫轉(zhuǎn)換

有時您的文本大小寫不正確。您可能需要全部大寫，或者您可能需要將大寫句子轉(zhuǎn)換為小寫。在“編輯”>“文本”菜單中，有一些巧妙的文本處理工具，包括大寫和小寫功能。

包

包是選擇 Atom 的一個令人信服的理由。安裝和更改任何內(nèi)容的能力是使這款代碼編輯器如此出色的原因。我不會列出您必須安裝的最佳插件——已經(jīng)有許多文章這樣做了。相反，我建議您安裝遇到的每一個插件，然後卸載您不喜歡的插件（或添加太多寶貴的啟動時間）。如果您轉(zhuǎn)到“設(shè)置”>“包”並單擊已安裝的擴(kuò)展程序，它會告訴您它增加了多少毫秒的啟動時間。以下是一些我每天依賴且在許多其他博客文章中未列出的幾個包：

• 項目管理器
• Git Plus
• Minimap
• Pigments

鍵盤快捷鍵

我喜歡鍵盤快捷鍵。我忍不住嘗試學(xué)習(xí)我使用的每個程序的所有快捷鍵。 （我在 Photoshop 中使用快捷鍵執(zhí)行的操作，如果不用快捷鍵我根本不知道該如何操作?。┊?dāng)然，您會忘記不使用的快捷鍵，而經(jīng)常使用的快捷鍵則會銘記於心。下面列出的快捷鍵我每小時至少使用一次。它們是救星。

複製行

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>

如果快捷鍵有獎牌，這將是獲得金牌的一個。我經(jīng)常使用這個快捷鍵。它允許您將光標(biāo)放在任何行上並複制它。

它對於復(fù)制 CSS 選擇器、漸變或表格單元格非常有用。當(dāng)然，您也可以一次復(fù)制多行——通過突出顯示它們或使用多個光標(biāo)：

上下移動當(dāng)前行

<code>'atom-text-editor':
    'ctrl-}': 'editor:auto-indent'</code>

此快捷鍵與上面的複制行快捷鍵結(jié)合使用效果很好。無論您的光標(biāo)在哪裡，此快捷鍵都會將當(dāng)前行移動到其周圍行的上方或下方。

如果您選擇了多行，它會在您進(jìn)出標(biāo)籤和括號時移動整個塊（並自動縮進(jìn)）。

選擇下一個匹配字符

<code>Cmd + Shift + D (Mac)
Ctrl + Shift + D (Windows/Linux)</code>

此命令允許您選擇與突出顯示的單詞或字符匹配的下一個單詞或字符。然後（使用自動生成的多個光標(biāo)），您可以刪除、編輯或更新突出顯示的值。

如果您只想更新幾個值或?qū)傩裕鵁o需使用查找和替換，這將特別有用。

取消選擇下一個匹配字符

<code>Cmd + Ctrl + 上 (或下) 箭頭 (Mac)
Ctrl + 上 (或下) 箭頭 (Windows/Linux)</code>

如果您正在選擇下一個匹配字符，有時您會走得太遠(yuǎn)。此快捷鍵將按相反的順序取消選擇最近選擇的字符。

選擇所有匹配字符

<code>Cmd + D (Mac)
Ctrl + D (Windows/Linux)</code>

有時您想批量編輯文檔中所有匹配的字符，而不是為每個字符按 Cmd/Ctrl D。此快捷鍵會選擇與您選擇的字符匹配的所有內(nèi)容。 （警告：大量選擇可能會嚴(yán)重降低 Atom 的速度?。?/p>

切換註釋（打開和關(guān)閉）

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>

在某些情況下，您可能希望註釋掉一行或多行代碼。此快捷鍵會使用您所用語言的正確註釋語法適當(dāng)?shù)卦]釋掉當(dāng)前行（或多行）。您不再需要記住您的……

(由於原文缺少結(jié)尾部分，此處無法繼續(xù)翻譯。)

以上是12個最喜歡的原子技巧和快捷方式可改善您的工作流程的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！