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

核心要點(diǎn):

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

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

技巧

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

多光標(biāo)

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

自動(dòng)縮進(jìn)

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

為了加快速度，我創(chuàng)建了一個(gè)自定義鍵盤(pán)快捷鍵，使我能夠在任何時(shí)候使用 Ctrl Cmd ]（Mac）或 Ctrl }（Windows/Linux）。要自己執(zhí)行此操作，請(qǐng)轉(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>

顯示不可見(jiàn)字符

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

軟換行

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

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

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

包

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

• 項(xiàng)目管理器
• Git Plus
• Minimap
• Pigments

鍵盤(pán)快捷鍵

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

複製行

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

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

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

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

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

此快捷鍵與上面的複制行快捷鍵結(jié)合使用效果很好。無(wú)論您的光標(biāo)在哪裡，此快捷鍵都會(huì)將當(dāng)前行移動(dòng)到其周?chē)械纳戏交蛳路健?

如果您選擇了多行，它會(huì)在您進(jìn)出標(biāo)籤和括號(hào)時(shí)移動(dòng)整個(gè)塊（並自動(dòng)縮進(jìn)）。

選擇下一個(gè)匹配字符

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

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

如果您只想更新幾個(gè)值或?qū)傩?，而無(wú)需使用查找和替換，這將特別有用。

取消選擇下一個(gè)匹配字符

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

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

選擇所有匹配字符

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

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

切換註釋?zhuān)ù蜷_(kāi)和關(guān)閉）

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

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

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

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