2017-08-08修訂
雖然Atom是我經(jīng)常使用的工作工具,但是最近觀察在同事電腦上的表現(xiàn),確實(shí)是有些問題。例如Atom本身占用內(nèi)存超多,一般使用都在1.5G左右 和我的chrome不相上下。同時(shí)打開文件速度較慢有時(shí)還會(huì)出現(xiàn)奔潰及未響應(yīng)的狀況。由于我的電腦之前是固態(tài)ASUS內(nèi)存12G,后來換成MAC16G內(nèi)存因此ATOM的弊病較難遇到。如果出現(xiàn)上述問題,那么建議使用Sublime或者VSCode或者Adobe的Bracket,這幾個(gè)不算是WS那種的占用內(nèi)存的大型IDE同時(shí)也有不錯(cuò)的體驗(yàn)。
2017-05-11修訂
Atom簡介
何為 ATOM
Atom 是(GitHub)專門為程序員推出的一個(gè)跨平臺(tái)文本編輯器。具有簡潔和直觀的圖形用戶界面,并有很多有趣的特點(diǎn):支持 CSS,HTML,JavaScript 等網(wǎng)頁編程語言。它支持宏,自動(dòng)完成分屏功能,集成了文件管理器。
為什么用 ATOM
- 開源 -- 遵循 MIT 協(xié)議,代碼托管在 Github 上。
- 多平臺(tái) -- 支持 MAC/WIN/LINUX(支持源碼編譯安裝,也提供二進(jìn)制安裝包)。
- 豐富的插件庫 -- 開源到現(xiàn)在一年了..社區(qū)的各種插件豐富起來了,且 Atom 的插件支持在線更新。
- 類 Sublime -- 風(fēng)格和 sublime text 極其相似,不管是風(fēng)格還是操作上,快捷鍵上一些是通用的,應(yīng)該借鑒
- 采用包管理技術(shù) -- 采用了 node.js 來訪問文件系統(tǒng)和包管理。
- 強(qiáng)大的生命力 -- 背靠 Github 社區(qū),這對(duì)于 Atom 來說,可以注入源源不斷的生命力。
Atom下載

下載地址: https://atom.io/
Atom配置
之前使用的sublime Text3 配置的比較好用,但是總感覺距離頂尖的編輯器差了那么一點(diǎn)。自從知道并使用Atom開始才發(fā)現(xiàn)這是比較符合我要求的編輯器。
編輯器下載下來必須折騰一番才能成為你心儀的幫手,這里開始進(jìn)行Atom的自定義風(fēng)格和下載你日常使用的插件。
操作1:

進(jìn)入設(shè)置頁面
在這里可以進(jìn)行Atom的各種設(shè)置。比如快捷鍵,管理下載升級(jí)安裝你的主題、插件等。

安裝一個(gè)主題
Atom分為兩個(gè)主題設(shè)置。一種是界面UI主題,一種是代碼高亮主題,當(dāng)然下載的插件可能只有一種或者兩種都有。monokai是我在subliem便喜歡使用的代碼高亮主題。1.搜索欄輸入monokai 2.點(diǎn)擊Themes進(jìn)行主題搜索 3.等待一會(huì) 發(fā)現(xiàn)monokai 點(diǎn)擊右邊的install按鈕可以在線安裝 4.點(diǎn)擊插件名字可以打開 GitHub網(wǎng)頁鏈接 5.點(diǎn)擊插件內(nèi)容(主體)可以打開Atom 內(nèi)部的插件描述 說明

更換主題
更換一個(gè)主題


可以點(diǎn)擊主題title進(jìn)入網(wǎng)頁 查看當(dāng)前主題說明和查看其它的主題
自己喜歡的主題安裝完畢后
開始安裝插件
本人平時(shí)做web開發(fā),把我自己用的插件發(fā)出來給大家參考,大家如果有什么好用的插件也可以@我。由于Atom到現(xiàn)在這個(gè)版本已經(jīng)集成了很多的插件,因此需要安裝的也不是很多。如果Atom在線安裝不了的話,可以到Github下載下來然后本地進(jìn)行 npm 安裝
http://jingyan.baidu.com/article/375c8e19c3105a25f2a22901.html
- Atom安裝了自動(dòng)提示插件(autocomplete)和它的plus,因此我們?cè)侔惭b一個(gè)
emmet就可以了。其他的語言提示在autocomplete后面加上-xml 等。 -
atom-beautify是一個(gè)自動(dòng)格式化代碼的插件??旖萱I:Ctrl+Alt+B。剛才按了一下居然還能格式化Markdown文件。 -
atom-html-previewhtml文件在Atom打開??旖萱I:Ctrl+Shift+H,可以在Atom進(jìn)行網(wǎng)頁實(shí)時(shí)預(yù)覽,支持右鍵檢查。 -
css-snippets寫css能給予提示。 -
color-picker調(diào)色盤。快捷鍵:Ctrl+Alt+c -
css-color-underlinecss顏色下劃線顯示。這里推薦使用pigments能對(duì)所有文件的顏色進(jìn)行 代碼顏色背景色的標(biāo)注。 -
minimapAtom右邊的代碼小地圖功能,類似于sublime的小地圖,但是注意 這個(gè)插件在mac能用,在windows會(huì)出錯(cuò)然后導(dǎo)致你其他的插件幾乎都無法使用。 -
file-iconsAtom沒有文件圖標(biāo),這個(gè)插件能把文件圖標(biāo)相應(yīng)的顯示出來。還有一個(gè)插件跟這個(gè)差不多 -
highlight-selected雙擊選擇并高亮文字。 -
javascript-snippetsjquery-snippets對(duì)js和jq的方法等進(jìn)行提示。 -
monokai主題 -
script直接運(yùn)行js文件,需要配置 - Atom本身不支持一些文件格式 可以添加對(duì)應(yīng)插件使得Atom可以支持 例如
language-stylus
注意:Atom將插件放在了
C:\Users\Users\.atom\packages的位置。卸載Atom不會(huì)影響配置和插件。插件可以重用,直接放在這個(gè)文件夾即可。
Atom使用
- 有了
atom-html-preview的實(shí)時(shí)預(yù)覽,平時(shí)基本可以不用Hbuilder了。 - 有了
webbox-color和color-picker可以快速的選定顏色。 - Atom支持GitHub的Markdown 使用Ctrl+Shift+p 調(diào)出命令模式 然后輸入 mdpt 回車 可以預(yù)覽Markdown文件
- Atom打開速度不如sublime快 Atom F11 之后 界面比sublime看起來爽
- Atom分屏快捷鍵 先按Ctrl+k 然后四個(gè)方向鍵隨便按一個(gè)
- Atom快速隱藏側(cè)邊欄 Ctrl+\
- Atom刪除一行 Ctrl+Shift+k 快速刪除一行 Ctrl+x
- 記不住插件的一些快捷鍵也沒事 文件里面右鍵 就能看到插件提供的功能
- Atom右下角更改 編碼格式、文件格式、靠左靠右 左下角顯示文件地址和光標(biāo)所在位置
- Ctrl+Shift+P 調(diào)出一個(gè)菜單,記不住快捷鍵可以使用這個(gè)方式進(jìn)行查找 例如Ctrl+Shift+M的markdown預(yù)覽,可以輸如 mdpt(簡寫) 也可以輸入完整英文單詞
- Atom在我的rmbp上也是主力,作為IDE來使用已經(jīng)完全超越了sublime(還不是因?yàn)閲a(chǎn)的一些IDE相當(dāng)辣雞 mmp ?? 當(dāng)然不是指Hbuilder)
- VSCode我也使用過,功能也很強(qiáng),好像現(xiàn)在插件還差點(diǎn),而且菜單比較大還是中文,我已經(jīng)用不慣了。。。
徹底刪除ATOM(MAC)
rm -rf ~/.atom
rm -rf /usr/local/bin/atom
rm -rf /usr/local/bin/apm
rm -rf /Applications/Atom.app
rm -rf ~/Library/Preferences/com.github.atom.plist
rm -rf "~/Library/Application Support/com.github.atom.ShipIt"
rm -rf "~/Library/Application Support/Atom"
rm -rf "~/Library/Saved Application State/com.github.atom.savedState"
rm -rf ~/Library/Caches/com.github.atom
rm -rf ~/Library/Caches/Atom
6-13 嗯
不知道是不是因?yàn)檠b的插件有問題,左邊文件夾欄沒有那些操作功能了,重裝一遍。另外大家誰知道Atom有提示原生js的插件(直接提示的 參考Hbuilder)請(qǐng)務(wù)必要告訴我!其實(shí)vscode有時(shí)會(huì)替代Atom使用一下。

5-11 有史以來最重大修訂:
新增一堆插件導(dǎo)致現(xiàn)在Atom速度又滿了 ⑨
由于更新數(shù)量較多 已經(jīng)無法一一列舉 上面的文章在5-11之后已經(jīng)徹底不能看,下面給出Atom插件的鏈接,諸君請(qǐng)自己去嘗試吧。注意:切忌同時(shí)安裝大量插件,最好裝完一個(gè)插件熟悉一下用法和名字,避免裝了很多插件導(dǎo)致過度浪費(fèi)還會(huì)拖慢Atom速度。

5-11 超全的90+Atom插件 Github dalao教你調(diào)教Atom 不服你打我
