[Atom] kywk's Atom Packages List

Preface

Atom 狹著 GitHub 的名聲,號稱 21 世紀的編輯器. .TBC.

sync-settings

利用 GitHub Gist 同步你所有電腦的 Atom Plugin 和設定 在前端開發利器 Atom 中設定跨平台套件同步

Core

  • Auto Update Packages 因為 Atom 預設需要手動更新套件,透過這個套件可以自動更新所有套件,相當方便。
  • Atom Runner 直接在 Atom 執行指令 ,不用在 Atom 與終端機之間切來切去。
  • Project Manager 像 Sublime Text 一樣自由自在的建立、切換工作區。
  • Zen 一鍵關閉多餘的界面,專心開發。
  • Highlight Selected 高亮已選擇的項目。
  • Waka Time 紀錄 Coding 的時間,我工作用會紀錄開發時間,這個就很好用了,如果有同時使用不同編輯器,可以都同步一下,時間會算在一起。
  • Editorconfig 團隊開發必備工具。
  • remote-sync Upload your files to remote host after every change

Coding tool

SCM

  • Git Diff 官方內建的套件,強烈建議打開 Show Icons In Editor Gutter ,可以幫助判讀做了哪些修改
  • Git Plus 可以不需要終端機來操作 Git
  • Git Log 提供 Git 得視覺化 log,畫面非常的漂亮清楚
  • Merge Conflicts 把 Git 有衝突的地方高亮起來,並且可以直接用 GUI 選擇,而不再需要人工刪除、更改
  • Blame Git Blame 的功能,可以清楚瞭解哪一行是那個 commit 更改的、誰寫的
  • Git Time Machine 用時間來表達 Git 紀錄,看圖片

Node, JavaScript

Web

  • Emmet 前端網頁開發必備! Emmet使用手册
  • Pigments 撰寫到色碼的時候,會自動把底色轉成你設定的顏色,方便確認跟選擇
  • Color Picker 快速選擇顏色的圖形化界面
  • LiveReload 可以與瀏覽器上的 LiveReload 連接使用,存檔時自動刷新網頁,這個套件有內建 LiveReload Server

Look & Feel

  • File Icons 在檔案前面增加那個語言的 Logo ,好看!
  • Highlight Line 高亮游標在的那一行,可以幫助判斷游標在哪邊 另外還有一個套件 Highlight Column 可以高亮游標所在那一列。
  • Trailing Spaces 顯示多餘的空白,並且在儲存時刪除

Theme

<% div sirf %>

Reference

<% enddiv %>