Atom 代碼編輯器技巧:提升效率的實用指南
核心要點:
- Atom 的多光標支持、自動縮進功能以及顯示不可見字符和軟換行功能,可顯著提高編碼效率和可讀性。
- Atom 的包系統允許對代碼編輯器進行廣泛的自定義和增強,推薦日常使用的包包括項目管理器、Git Plus、Minimap 和 Pigments。
- 鍵盤快捷鍵可以極大地加快 Atom 中的工作流程。一些最常用的快捷鍵包括複製行、上下移動行、選擇和取消選擇匹配字符以及切換註釋。
- Atom 的界面高度可定制,允許用戶根據自己的喜好調整主題、佈局和麵板。 Atom 還內置了與 Git 和 GitHub 的集成,並支持多行編輯和與其他開發人員的協作。
Atom 是 GitHub 團隊發布和維護的代碼編輯器。這款於 2014 年發布的“Sublime Text 殺手”擁有超過 110 萬月活躍用戶,這毫不奇怪:易於擴展、自定義和修改的 IDE 已成為許多開發人員的最愛。儘管 Atom 廣泛使用,但我經常看到一些經驗豐富的開發者使用冗長的方式完成任務,或者沒有意識到 Atom 的真正潛力。本文探討了一些提高 Atom 工作流程的技巧。我希望在您閱讀完本文後,至少能學習到一個您無法割捨的新技巧。 注意:儘管本文面向 Atom 用戶,但許多技巧和快捷鍵也適用於 Sublime Text。
技巧
首先,介紹一些通用的 Atom 技巧。您可以啟用一些選項,使用 IDE 的功能,以及您從未知道存在的菜單設置。值得瀏覽所有菜單選項——您可能會發現一些您從未知道存在的功能!
多光標
Atom 最令人印象深刻的功能之一是其多光標支持。這使您可以一次在文檔中的多個位置同時鍵入多個內容。只需按住 Cmd(Mac)或 Ctrl(Windows/Linux),然後單擊您想要鍵入的每個位置即可。還有其他方法可以獲得多個光標——但我們稍後將通過鍵盤快捷鍵介紹它們。
自動縮進
從其他地方復制代碼時,縮進混亂是一個讓人煩惱的問題。幸運的是,Atom 可以解決這個問題。選擇代碼,然後轉到“編輯”>“行”>“自動縮進”。這應該會將文件的當前縮進複製到您的代碼中以進行更正。
為了加快速度,我創建了一個自定義鍵盤快捷鍵,使我能夠在任何時候使用 Ctrl Cmd ](Mac)或 Ctrl }(Windows/Linux)。要自己執行此操作,請轉到 Atom > Keymap(Mac)或 File > Settings > Keybindings > Keymap(Windows/Linux),然後粘貼以下內容(Mac):
<code>'atom-text-editor': 'ctrl-cmd-]': 'editor:auto-indent'</code>
或以下內容(Windows/Linux):
<code>'atom-text-editor': 'ctrl-}': 'editor:auto-indent'</code>
顯示不可見字符
為了確保文檔和所有行都使用正確的縮進,我在編輯器中啟用了不可見字符。這將顯示 ··· 表示空格縮進,» 表示製表符,¬ 表示換行符。這有助於您準確查看混合了製表符和空格的空行。雖然一開始會讓您的屏幕顯得“繁忙”,但您很快就會習慣它,我現在發現它非常寶貴。為此,請轉到 Atom(Mac)或 File(Windows/Linux)> Preferences >(向下滾動)Show Invisibles。
軟換行
我不喜歡左右和上下滾動,因此為了確保只有一個方向,我在 Atom 中啟用了軟換行。這確保了沒有任何內容超出屏幕邊緣,而是環繞顯示。如果它換行了,它會將其縮進到與前一行相同的級別,並用 · 替換槽中的行號。要啟用此選項,請在 Atom(Mac)或 File(Windows/Linux)> Preferences >(向下滾動)Soft Wrap 中向下幾個複選框。
字符大小寫轉換
有時您的文本大小寫不正確。您可能需要全部大寫,或者您可能需要將大寫句子轉換為小寫。在“編輯”>“文本”菜單中,有一些巧妙的文本處理工具,包括大寫和小寫功能。
包
包是選擇 Atom 的一個令人信服的理由。安裝和更改任何內容的能力是使這款代碼編輯器如此出色的原因。我不會列出您必須安裝的最佳插件——已經有許多文章這樣做了。相反,我建議您安裝遇到的每一個插件,然後卸載您不喜歡的插件(或添加太多寶貴的啟動時間)。如果您轉到“設置”>“包”並單擊已安裝的擴展程序,它會告訴您它增加了多少毫秒的啟動時間。以下是一些我每天依賴且在許多其他博客文章中未列出的幾個包:
- 項目管理器
- Git Plus
- Minimap
- Pigments
鍵盤快捷鍵
我喜歡鍵盤快捷鍵。我忍不住嘗試學習我使用的每個程序的所有快捷鍵。 (我在 Photoshop 中使用快捷鍵執行的操作,如果不用快捷鍵我根本不知道該如何操作!)當然,您會忘記不使用的快捷鍵,而經常使用的快捷鍵則會銘記於心。下面列出的快捷鍵我每小時至少使用一次。它們是救星。
複製行
<code>'atom-text-editor': 'ctrl-cmd-]': 'editor:auto-indent'</code>
如果快捷鍵有獎牌,這將是獲得金牌的一個。我經常使用這個快捷鍵。它允許您將光標放在任何行上並複制它。
它對於復制 CSS 選擇器、漸變或表格單元格非常有用。當然,您也可以一次復制多行——通過突出顯示它們或使用多個光標:
上下移動當前行
<code>'atom-text-editor': 'ctrl-}': 'editor:auto-indent'</code>
此快捷鍵與上面的複制行快捷鍵結合使用效果很好。無論您的光標在哪裡,此快捷鍵都會將當前行移動到其周圍行的上方或下方。
如果您選擇了多行,它會在您進出標籤和括號時移動整個塊(並自動縮進)。
選擇下一個匹配字符
<code>Cmd + Shift + D (Mac) Ctrl + Shift + D (Windows/Linux)</code>
此命令允許您選擇與突出顯示的單詞或字符匹配的下一個單詞或字符。然後(使用自動生成的多個光標),您可以刪除、編輯或更新突出顯示的值。
如果您只想更新幾個值或屬性,而無需使用查找和替換,這將特別有用。
取消選擇下一個匹配字符
<code>Cmd + Ctrl + 上 (或下) 箭头 (Mac) Ctrl + 上 (或下) 箭头 (Windows/Linux)</code>
如果您正在選擇下一個匹配字符,有時您會走得太遠。此快捷鍵將按相反的順序取消選擇最近選擇的字符。
選擇所有匹配字符
<code>Cmd + D (Mac) Ctrl + D (Windows/Linux)</code>
有時您想批量編輯文檔中所有匹配的字符,而不是為每個字符按 Cmd/Ctrl D。此快捷鍵會選擇與您選擇的字符匹配的所有內容。 (警告:大量選擇可能會嚴重降低 Atom 的速度!)
切換註釋(打開和關閉)
<code>'atom-text-editor': 'ctrl-cmd-]': 'editor:auto-indent'</code>
在某些情況下,您可能希望註釋掉一行或多行代碼。此快捷鍵會使用您所用語言的正確註釋語法適當地註釋掉當前行(或多行)。您不再需要記住您的……
(由於原文缺少結尾部分,此處無法繼續翻譯。)
以上是12個最喜歡的原子技巧和快捷方式可改善您的工作流程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

該試點程序是CNCF(雲本機計算基礎),安培計算,Equinix金屬和驅動的合作,簡化了CNCF GitHub項目的ARM64 CI/CD。 該計劃解決了安全問題和績效

此基於GO的網絡漏洞掃描儀有效地確定了潛在的安全弱點。 它利用了GO的並發功能的速度功能,包括服務檢測和漏洞匹配。讓我們探索它的能力和道德

網站建設只是第一步:SEO與反向鏈接的重要性 建立網站只是將其轉化為寶貴營銷資產的第一步。您需要進行SEO優化,以提高網站在搜索引擎中的可見度,吸引潛在客戶。反向鏈接是提升網站排名的關鍵,它向谷歌和其他搜索引擎表明您的網站權威性和可信度。 並非所有反向鏈接都有利:識別並避免有害鏈接 並非所有反向鏈接都有益。有害鏈接會損害您的排名。優秀的免費反向鏈接檢查工具可以監控鏈接到您網站的來源,並提醒您注意有害鏈接。此外,您還可以分析競爭對手的鏈接策略,從中學習借鑒。 免費反向鏈接檢查工具:您的SEO情報員


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

禪工作室 13.0.1
強大的PHP整合開發環境

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

Dreamweaver CS6
視覺化網頁開發工具