第一次聽說Atom是半年前天貓的學姐說她在用這款編輯器，期間我從dw到st再到webstorm都分別做了項目~，但是作為一名擁抱開源的FE，怎么能拒絕github社區維護的項目呢？接着就讓我們感受下Atom的騷氣與強大吧。
Atom的優勢
如何評價 Github 發布的文本編輯器 Atom？ 看看各個大神是如何評論Atom的。
為什么選擇Atom 來看看官方怎么說吧.
- 開源–遵循MIT協議，代碼托管在github上面；
- 多平台支持–支持MAC/WIN/LINUX；
- 豐富的插件庫和主題庫；
- 類sublime–風格和sublime text極其相似,不管是風格還是操作上,快捷鍵上一些是通用的；
- 采用包管理技術–采用了node.js來訪問文件系統和包管理；
- 強大的生命力–背靠github社區,這對於atom來說,可以注入源源不斷的生命力。
基於網上看到的評論說Atom什么都好，就是會卡。相反我一點都沒感覺到卡，感覺蠻流暢的。而且Atom在1.0后性能大大提升。(相信社區的力量)
常用快捷鍵
| 快捷鍵 | 說明 |
|---|---|
| shift + cmd + p | 命令版(可以看到所有快捷鍵) |
| cmd + \ | 顯示或隱藏目錄樹 |
| cmd + f | 搜索當前文件 |
| cmd+shift+f | 搜索整個項目 |
| alt + cmd + [ | 代碼折疊 |
| alt + cmd + ] | 代碼展開 |
| cmd + / | 快速注釋當前行 |
| cmd + [ | 代碼左縮進 |
| cmd + ] | 代碼右縮進 |
| cmd + b | 快速跳轉打開的文件 |
| alt+B或alt+left | 光標按單詞左移 |
| alt+F或alt+right | 光標按單詞右移 |
| cmd+right或ctrl+e | 光標移動到行最右最后一個非空字符 |
| cmd+left或ctrl+a | 光標移動到行最左第一個非空字符 |
| cmd + up | 光標移動到文件頭 |
| cmd + down | 貫標移動到文件尾 |
| ctrl + g | 行跳轉, 語法為行號:列號 |
| cmd + p | 在整個項目里找到你需要的文件 |
| cmd + t | 全項目模糊查找關鍵字並跳轉 |
| cmd + g | 查找下一個地方 |
| cmd + F2或cmd+fn+f2 | 給某一行設置書簽顯示在行號右側 |
| Crtl+Shift+M | Markdown實時預覽 |
| alt+command+i | 打開內置chromet調試界面 |
分離面板：先按一下 command + K 或者 ctrl + K ，然后松開按鍵，再按一下上，下，左，右這些箭頭按鍵。
更多快捷鍵去Settings里面查看，如下圖
好用的插件
Atom自帶apm包管理工具(類似npm)。
安裝包 1.打開命令行工具 2.搜索包用的是 apm search <關鍵詞> 3.找到想要的包以后，再用 apm install <包的名字>
- activate-power-mode 裝逼必備，效果相當贊。PS：最新的版本(0.5.2)有升級性能，卡頓效果小很多了
- linter+linter-eslint 必備；代碼校驗工具
- autocomplete-paths 填寫路徑的時候有Sug提示
- pigments 讓顏色相關的字符，在任何文件下都可以展示對應的高亮，強烈推薦
- color-picker 推薦；寫CSS時非常方便的調色板
- docblockr 注釋也優雅，一款用於寫注釋的插件。支持常見的各種語言
- emmet 必備；前端開發必備，誰用誰知道，入門地址：Emmet使用手冊
- file-icons 推薦：讓文件前面有彩色圖片，看着非常享受
- csscomb 推薦前端使用。可以把CSS按照一定的順序重排，看起來會更友好。
- git-plus Git插件；得先配置郵箱和用戶名
- git-time-machine Git黨必備；可以查看當前編輯文件的 ci history，diff 版本間改動；快捷鍵
alt-t - javascript-snippets 推薦；各種縮寫，值得擁有；當然，俺用的最多的是cl命令:)
- atom-beautify 必備；格式化代碼的，快捷鍵
ctrl-alt-b - esformatter 統一代碼格式用的
- Minimap 推薦；就是Sublime右邊那一豎塊，顯示縮小版的代碼
- terminal-panel 不是那么好用的CLI，勉強能湊活
小結
- Sublime用久了也有視覺疲勞，所以偶爾嘗試下新編輯器也挺好，畢竟Atom號稱“21世紀的編輯器”
- 免費(聽說是暫時的)，所以沒有Sublime那惡心的彈窗，你懂的
- 擴展能力叼爆，這就是webapp，界面啥都用CSS控制；擴展可以用JS開發，完全可以深度定制打造自己的IDE嘛
- Github發布的編輯器，那么對Git的友好支持不用多說了
- Atom有中文社區：AtomChina
- 附上官網文檔地址，請多關注：Atom Documentation