一直在更新的原文地址奉上,歡迎PR:Atom使用紀要
官網地址: atom.io
目前(2015/7/29)Atom主題已有725個;Package已有2394
簡單交代背景
Atom 是 Github 專門為程序員推出的一個跨平台文本編輯器。
2015/6/25 Atom發布1.0版本,所以趁着工作之余再次好好體驗了一把Atom,確實眼前一亮,所以把使用紀要貼出來,方便后來者快速上手。
PS:勞資是mac,所以windows用戶請原諒,照顧不周哈:)
如何評價 Github 發布的文本編輯器 Atom? 知乎這篇文章能讓你更好的了解Atom
為什么選擇Atom 來看看官方怎么說吧.
Atom的簡單入口就不科普了,想了解來看看這篇文章吧:Atom基礎使用
常用快捷鍵
Sublime常用的功能Atom應該都有,比如俺最喜歡的多光標選中和多處選取;
和Sublime一樣的快捷鍵俺這里就不再多浪費時間列舉了哈;
在tree-view的Keybindings里面有非常詳細的說明,都是針對Tree操作的
cmd-\
顯示或隱藏目錄樹ctrl-0
焦點移到目錄樹fn-F2
(選擇tree后) 修改文件/文件夾名稱ctrl-shift-M
Markdown預覽,這非常方便俺這種寫手ctrl-alt-b
安裝atom-beautify后可使用,格式化代碼ctrl-`
安裝terminal-panel后可使用,調起CLIctrl-shift-U
調出切換編碼選項cmd-t
或cmd-p
查找文件alt-cmd-[
折疊alt-cmd-]
展開alt-cmd-shift-{
折疊全部alt-cmd-shift-}
展開全部ctrl-m
相應括號之間,html tag之間等跳轉alt-shift-S
查看當前可用代碼片段
更多快捷鍵去Settings里面查看,如下圖
推薦Packages
很多時候,安裝后不能及時就生效,需要重啟Atom,這塊比較討厭,略搓:(
- linter 必備;代碼校驗工具
- esformatter 必備;統一代碼格式
- atom-beautify 必備;格式化代碼的,快捷鍵
ctrl-alt-b
- minimap 推薦;就是Sublime右邊那一豎塊,顯示縮小版的代碼
- color-picker 推薦;寫CSS時非常方便的調色板
- autocomplete-paths 填寫路徑的時候有Sug提示
- vim-mode 勞資就是喜歡zuo,所以在Atom上用vim寫碼:)
- docblockr 方便寫注釋
- emmet 必備;前端開發必備,誰用誰知道,入門地址:Emmet使用手冊
- terminal-panel 不是那么好用的CLI,勉強能湊活
- git-plus Git插件;得先配置郵箱和用戶名
- javascript-snippets 推薦;各種縮寫,值得擁有;當然,俺用的最多的是cl命令:)
- file-icons 推薦:讓文件前面有彩色圖片,看着非常享受(如果使用着 seti-ui 主題,則體現不了效果哦)
推薦Themes
其實Atom默認的主題就已經非常小清新、文藝范兒,但前端對美好事務的追求是永不停歇的...
提醒一點:Atom的主題是區分 UI主題和語法主題
- seti-ui + seti-syntax 每個文件前的icons是最大亮點
- atom-material-ui + atom-material-syntax 顏色正
- monokai 偶爾想用回Sublime的時候可以用:)
聊聊Settings
在這兒聊些很有用的設置
上圖紅框中的選項 可以隱藏一些需要忽略的文件
上圖紅框中的選項 可以實現Sublime選擇文件的效果。不勾選時,點擊一個文件就是打開文件;勾選后,雙擊文件才是打開文件
上圖紅框中的選項 會再保存時讓代碼格式化,比如去掉不需要的空格、換行之類
高級篇 - 寫個Atom Package
原本想寫個簡單的Package當demo嘗試下,但翻看文檔發現已寫的夠清晰,俺也就不浪費時間費這個勁了。
文檔地址:Package: Word Count
小結
- Sublime用久了也有視覺疲勞,所以偶爾嘗試下新編輯器也挺好,畢竟Atom號稱“21世紀的編輯器”
- 免費(聽說是暫時的),所以沒有Sublime那惡心的彈窗,你懂的
- 擴展能力叼爆,這就是webapp,界面啥都用CSS控制;擴展可以用JS開發,完全可以深度定制打造自己的IDE嘛...
- 邀請測試的那版確實比較慢,啟動慢、打開文件慢等等,但是目前確實沒有這種感覺,一切都很流暢(非正常情況俺也沒試)
- Github發布的編輯器,那么對Git的友好支持不用多說了
- 同樣其問題也有不少,比如用着用着Tree的顏色就變了,然后重新就好使了;比如安裝個新包還需要重啟編輯器等等...這都是比較糟糕的體驗,在這里期望Atom能越做越好吧...
- Atom有中文社區:AtomChina
- 雙手附上官網文檔地址,請多關注:Atom Documentation
如發現有趣的內容也會陸續更新補上,更歡迎伙伴們pull request,git地址:learn-atom