Atom使用紀要


一直在更新的原文地址奉上,歡迎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后可使用,調起CLI
  • ctrl-shift-U 調出切換編碼選項
  • cmd-tcmd-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主題和語法主題

聊聊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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM