邁向新紀元編輯器

第一次據說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