前言
之前一直是sublime黨，那打開的速度，才能讓人安心的敲代碼嘛类腮！
但是有一段時間看到了Atom,這個顏值高的一批的東西。我的內心開始動搖了蛉加！
于是找了一個工作不忙的下午蚜枢，折騰了半天……我的Windows上的Atom終于徹底崩潰打不開了,哦對，那是光棍節(jié)的饋贈针饥。新?lián)Q了電腦之后厂抽，反而是sublime和我過不去，DMG各種打不開……時隔多日打厘，要不再試試修肠？
Paste_Image.png
Atom目錄(--->通向官網(wǎng)的大門)
插件安裝
打開軟件，點擊install a Package
Paste_Image.png
Paste_Image.png
點擊之后就會看到插件列表
Paste_Image.png
于是户盯，我們當然是要找各種攻略嵌施，然后點擊
install這么人性化的插件安裝！實在難得莽鸭！可是……你會發(fā)現(xiàn)此事安裝的速度會讓人痛不欲生吗伤。看來自動安裝是不行了，還是來手動的吧硫眨！畢竟快多了
手動安裝Atom插件的方法
-
打開電腦終端
Paste_Image.png - 輸入
cd ~/.atom/packages進入Atom的安裝包目錄 - 去
Atom官網(wǎng)打開安裝包搜索界面 - 搜索你想要的插件名字足淆。如下圖（搜索
emmet作為實例）
Paste_Image.png
點擊進去之后===========>進入插件詳情頁
再點擊Repo按鈕========>進入插件代碼托管倉庫
依次點擊Clone or download========>Copy(圖標)復制該地址
Paste_Image.png
Paste_Image.png - 切回終端，輸入
git clone 剛才復制的地址（如下圖）回車
Paste_Image.png - 插件克隆之后礁阁，輸入
cd 剛才的插件名例（cd emmet） - 進入下載的插件根目錄后巧号，再輸入
npm install - 重新打開
Atom之后我們就會發(fā)現(xiàn)，這個插件已經(jīng)安裝成功了~
Paste_Image.png
9.如圖姥闭，點擊Packages就可以查看自己剛才安裝成功的插件了丹鸿。這里可以卸載，設置我們下載的插件棚品。
插件推介
因為本人是摳腳前端靠欢，所以這里推介的插件都是前端適用的
也是本人在簡書和SegmentFault上看各位前輩的文章搜集的，感謝各位前輩
emmet
快速手寫 HTML, CSS, Sass / SCSS / LESS
我想前端汪們應該對這個插件很熟悉了atom-ternjs
ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代碼自動補全autocomplete-paths
路徑自動補全atom-beautify
代碼格式化pigments
代碼顏色可視化color-picker
取色器atom-simplified-chinese-menu
Atom 編輯器簡體中文包：漢化菜單欄铜跑、右鍵菜單以及大部分的設置項门怪。（感覺沒什么卵用）markdown-preview-plus
markdown實時預覽，我感覺這個插件比sublime的markdown預覽好的實在是太多了锅纺！open-in-browsers
右鍵菜單掷空，在各種瀏覽器打開html
Paste_Image.png
快捷鍵
- 格式化代碼
[安裝了atom-beautify]后,使用control+option+b
