Atom比較好用的編輯工具之一，之前用過 HBuilder 和 Sublime Text ，個人感覺HBuider適合初級人們的人用。
Atom好處之一是他的packages管理安裝非常方便，你也可以選擇各種你喜歡和需要用的插件，Sublime Text也有很多插件但是管理上來看比Atom弱了一些。
下面是Atom的一些好用的前端web開發插件：
備注：點擊插件名可以看到詳細介紹
1.Emmet：
他的前身是大名鼎鼎的Zen coding，可以快速生成代碼，提高編碼速度
代碼格式化，windows快捷鍵是ctrl+alt+b，Mac快捷鍵是control+command+b
文件路徑自動提示
4.autoprefixer：
css前綴自動補全，超級方便有沒有
5.csscomb：
使用這個工具可以幫助你重新排列CSS中定義的屬性，幫助你按照你預定義的排序格式生成新的CSS 戳這了解更多 （小伙伴也可以自行百度）
右鍵左側菜單讓html在瀏覽器中打開，不用再去文件里雙擊啦~
和上一個差不多的功能，看你喜歡那個了
8.color-picker：
取色器，快捷鍵CMD-SHIFT-C/CTRL-ALT-C
9.minimap：
類似sublim text右邊的代碼縮略圖
10.linter：
頂級插件，如果你用到 linter-jshint 之類的插件就需要安裝
11.linter-jshint：
Linter plugin for JavaScript, using jshint（和第12一個作用，如果裝了linter就安裝這個）
12.jshint：
檢查你的javascript代碼
js片段代碼自動補全，就像用emmet寫html一樣 查看示例
14.atom-ternjs：
該插件能對一個對象中擁有的對外提供的屬性和方法都能通過suggest的形式提示出來，能對一個對象對外提供的接口有一個選擇過程，可以理解為js代碼自動提示。
15.file-icons：
左側樹狀圖下，根據文件類型左側顯示不同圖標
超酷的寫代碼效果，寫代碼的時候會有碎片飛起
選擇某段代碼自動高亮相同代碼,還有個minimap-highlight-selected可以小的縮列圖里的代碼也高亮見第18
18.minimap-highlight-selected：
這是個可以小的縮列圖里的代碼也高亮
19.pigments：
編輯器中直接查看代碼所代表的顏色，工具雖小但是很實用
20.docblockr
智能代碼注釋，讓注釋更有規范
js變量、方法點擊跳轉，（備注：還需要安裝 hyperclick 插件）
atom 代碼編輯實時預覽html頁面
漢化中文包，有需要的安裝，其實英文看習慣了也還好
24.git-plus
在 Atom 里面執行 Git 命令，不用來回切換終端和編輯器
25.git-control
git面板
自動閉合html標簽
這有個其他的博客，也有許多插件：http://blog.csdn.net/qq_30100043/article/details/53558381