Atom 使用心得與 Package 推薦 ( 2016/07/26 更新)

心得

以前我很喜歡使用 Sublime Text 來開發,當然現在也很喜歡,之前 Front-End Developers Taiwan 在團購的時候我也有購買。今年五月份我買了人生第一台 Macbook Pro ,那個時候拿到電腦就想到 GitHub 前不久才開發的 Atom,就立刻的拿來試試,當時使用器來感覺跟 Sublime Text 差不多,大概啟動速度慢了一點,操作界面、習慣其實幾乎都一樣,所以後來就沒有繼續使用,而且那時我主要開發還是在 Windows 上,也沒有 Atom 可以使用(現在你可以自己編譯,或是拿人家編譯好的,不過最近沒有在更新),所以後來就沒有繼續使用了。

後來六月底到新公司去打工,發現兩位前輩都用 Atom ,所以又再次的嘗試看看,我發現比當初使用的時候還要順暢許多,而且使用起來比 Sublime Text 穩定許多,Sublime Text 的套件可能因為不是官方支援的關係,有的時候更新會失敗,結果導致整個套件崩壞沒辦法使用,尤其是跟語法(syntax)相關的套件,常常就這樣失效了,我繼續使用下去越有感覺想要把在 Mac 上的開發都轉到 Atom 上的想法。

推薦套件

我也用 Atom 開發將近一個月了,也使用了不少套件,當然免不了的要來推薦一下!

工具

  • Auto Update Packages 這個套件正如他的名字,可以自動更新你的所有套件,相當的方便使用,印象中預設是要自己手動更新的。
  • Pigments 當你撰寫到色碼的時候,他會自動把底色轉成你設定的顏色,方便確認跟選擇,可以搭配 Color Picker 使用。
  • Color Picker 圖形化界面,可以讓你快速的選擇你要的顏色。
  • Emmet 網頁開發當然不能少掉 Emmet ,雖然現在大多數用 Jade 比較少用到,不過仍然很推薦使用。
  • File Icons 單純美化用,你的檔案前面都會增加那個語言的 Logo ,超好看!
  • Git Diff 官方內建的套件,本來是不會拿出來講,但是強烈建議打開 Show Icons In Editor Gutter ,可以幫助判讀做了哪些修改。
  • Git Plus 讓你 Git 操作再也不需要終端機了。
  • Highlight Line 他會高亮你游標在的那一行,可以幫助你判斷游標在哪邊,其實還有另外一個套件 Highlight Column是垂直的,不是水平的,我用的超不習慣,個人是不推薦。
  • LiveReload 可以與瀏覽器上的 LiveReload 連接使用,存檔時自動刷新網頁,這個套件有內建 LiveReload Server。
  • Atom Runner 他可以直接在 Atom 執行指令 ,不用在 Atom 與終端機之間切來切去。
  • Project Manager 讓你可以像 Sublime Text 一樣自由自在的建立、切換工作區
  • Zen 讓你可以一鍵關閉多餘的界面,讓你專心開發。
  • Merge Conflicts 這個套件會把你 Git 有衝突的地方高亮起來,並且可以直接用 GUI 選擇,而不再需要人工刪除、更改。
  • Atom Beautify 提供大量語言的 Beautify 功能,如果沒有支援的還可以自己發 PR 增加喔!
  • Git Log 提供 Git 得視覺化 log,畫面非常的漂亮清楚。
  • Blame 提供 Git Blame 的功能,可以清楚瞭解哪一行是那個 commit 更改的、誰寫的。
  • Highlight Selected 高亮已選擇的項目,可以幫助你找到它。
  • Waka Time 紀錄你 Coding 的時間,我工作用會紀錄開發時間,這個就很好用了,如果有同時使用不同編輯器,可以都同步一下,時間會算在一起
  • Todo Show 把你 TODO, FIXME ... 這類通用註解統一檢視的方便小工具。
  • Editorconfig 團隊開發必備工具,讓你 Coding Style 統一。
  • Qolor 讓 SQL 語法能夠更好的顯示除錯
  • Trailing Spaces 顯示多餘的空白,並且在儲存時刪除。
  • Git Time Machine 用時間來表達 Git 紀錄,很難用文字表達,看一下圖片應該可以懂我的意思

語言相關

  • Refactor 重構的基礎套件,需要搭配額外的套件使用。
  • Linter 語言語法提示,需搭配各式插件組合使用,列表在這 AtomLinter Plugin List,JS 首推 linter-eslint, linter-flow,其餘的自己比較看看,建議都找 on the fly 的,可以錯誤立刻顯示,沒有 on the fly 都是儲存才提示,PHP 語言必裝 phpmd, phpcs
  • Go Plus 身為 Golang 的愛好者當然不能少掉這個,一個套件幾乎可以滿足你開發 Go 的需求,他會把他認為 Go 開發者必備的開發工具都抓下來,Go Plus = GO IDE。
  • php-integrator-base PHP 開發者絕對不能錯過,裝完整組就跟 IDE 一樣了,更強的 Autocompelete 包含 use class,讓你可以在引用間飛來飛去,這個只是 Base 還要裝文中提到各個插件,選用即可不用全部安裝。唯一要注意的是不要 Force Reindex,會造成套件無法正常運作,相關問題請關注 issue,不小心點了請把 base 砍了重裝。

主題

試用中

  • Atom Live Server 簡易 Server 開發靜態網頁很好用,附帶 livereload。
  • Jumpy 類似 Vim EasyMotion 的實做的套件。
  • pane-layout-plus 官方 1.9 有實作這個功能了,但是很陽春,可以比較看看
  • atom-ternjs Javascript Autocomplete 強化,包含 jQuery, ES6
  • atom-json-color Atom 預設的 JSON Hightlight 實在是太爛了,這個補完了他的不足

已不建議使用

  • Git Blame <-- 超高下載數,但是作者不見了,別用這個版本,有 Bug 提供 Git Blame 的功能,可以清楚瞭解哪一行是那個 commit 更改的、誰寫的。
  • Recent Projects <-- 已經停止維護了,且類似功能已被官方實做 這個套件會顯示最近 20 筆的專案紀錄,方便你啟動的時候回覆到原本的專案、或是切換專案,這個可能比 Restore Windows 還要好用。
  • Autocomplete Plus <--- 已經不需要了,此專案已經被官方整並 比官方預設的 Autocomplete 還要強大的 Package 有了這個你就可以關閉預設的 Package 了,可以幫你節省掉不少時間。
  • Autocomplete Snippets <--- 已經不需要了,此專案已經被官方整並 強化 Autocomplete Plus 的套件,提供更多建議的選項。
  • Autocomplete Paths <--- 沒有再維護了 他會讀取你的檔案結構,幫你補完你的檔案路徑。
  • Go To Line <--現在內建了,cmd + p 接著 :number 就可以跳行號了 有的時候要移動很多行,嫌按著鍵盤跑太慢,又不想用滑鼠,那就使用者個套件可以跳到你想要的行數。
  • Restore Windows <-- 官方已經實做 讓你重新啟動的時候可以回復到關閉的時候的工作環境,Atom 預設是會紀錄你在專案下的工作環境,但是你關閉的時候,他並不會讀取回去那個專案,你必須要自己開回去才行。
  • Quick Jump <-- 已經停止維護了 類似 Vim EasyMotion 的實做的套件。
  • Clipboard History <-- 已經停止維護了 剪貼簿紀錄!可以讀取最近的剪貼紀錄。
comments powered by Disqus