來自：http://www.jdon.com/48192

Atom作為Javascript/CSS/HTML等前端編輯器IDE利器，其強大功能依靠各種外掛，下面是必不可少外掛推薦，安裝這些外掛只需要在Atom的File ->setting ->install中輸入外掛名稱查到後即可安裝：

Minimap
Minimap提供完整的原始碼預瀏覽作用，能夠定位你正在編輯的檔案總貌。

Minimap cursorline
Minimap cursorline是能夠你游標移到時，同時在檔案總貌預覽中跟隨移動，從而判斷你當前位於檔案的哪個位置。

Pigments
Pigments能夠根據顏色程式碼直接顯示該顏色。

Emmet

能夠基於Emmet語法產生HTML。

Double tag
能讓同時編輯html的開始與結束標記，如果你增加一個 HTML開始語法，它會自動跟隨寫出結束語法，比如鍵入<div>開始，自動有</div>結束語法。

Linter
能夠自動覆蓋檢查原始碼，產生警告和錯誤，幫助規範程式設計，基於實時程式碼分析。HTML, CSS, SCSS,JavaScript都有各自的Linter。甚至框架也有自己的Linter。

Beautify
能夠美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C,C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, 和 SQL語法。

Auto close HTML
讓你自動閉合HTML標籤。

Fuzzy finder
能夠使用快捷鍵Ctrl-T或Cmd-T快速發現和開啟檔案。

Color picker
能夠直接根據顏色表點選需要的顏色，產生顏色代號。CTRL-ALT-C能夠開啟顏色表。

Highlight selected
能夠高亮選中的單詞，使用Ctrl-U或Cmd-U能夠多選單詞。

GIT diff
能夠標記自上次git提交後已經加入 被編輯的或被刪除的行

Sort lines
根據第一個字母排序，能夠尋找相關程式碼

Last cursor position
使用Alt-減號，能夠保持跟蹤貼上游標位置並回滾。

Code peek
能夠快速提示和編輯其他檔案中的函式功能，不必要再單獨開啟那個檔案了。

Package sync
能夠在計算機之間同步已經安裝好的包，如果你有幾臺電腦需要使用Atom，不必要一個個安裝外掛了。

這裡上述所有外掛的packages.json，直接拷貝貼上到自己電腦可以安裝依賴包的目錄下，然後在Atom執行Update Package Dependencies: Update命令，主要步驟：
1. Ctrl - Shift - P開啟命令面板
2.鍵入updu會選中提示的Update PackageDependencies: Update