[Atom](https://atom.io/)是 `Github` 專門為程式員推出的一個跨平台文本編輯器。她很大程度上繼承了SublimeText的美,而又不僅如此。有費了蠻大力氣總結了一篇關于SublimeText文章: [如何優雅地使用Sublime Text](http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/),這其中可以感受個人對于Sublime的鐘愛。而如今試用了 `Atom` 一個多月以來,我被迫見異思遷了,幸好我不是一個喜新厭舊的男人~在編碼砌字時,很多時候一款編輯器的标簽不夠用的,是以現在兩款兼而用之。
Atom是
Github
專門為程式員推出的一個跨平台文本編輯器。她很大程度上繼承了SublimeText的美,而又不僅如此。有費了蠻大力氣總結了一篇關于SublimeText文章: 如何優雅地使用Sublime Text,這其中可以感受個人對于Sublime的鐘愛。而如今試用了 Atom
一個多月以來,我被迫見異思遷了,幸好我不是一個喜新厭舊的男人~在編碼砌字時,很多時候一款編輯器的标簽不夠用的,是以現在兩款兼而用之。
如覺此處排版不盡如你意,可移步這裡: 新編碼神器Atom使用紀要檢視。
Atom與SublimeText3對比
- Atom1.0之後,有比Sublime更美的UI,不輸Sublime的插件包,比Sublime更加舒适的細節,比如:Atom下
顯示或隐藏目錄樹;(Sublime預設是cmd-\
)。Ctrl+K+B
- 更為簡潔人性化的設定/插件安裝等(當然SublimeText也不太複雜)。
- Atom算是一款web app,源碼都是 CoffeeScript 寫的,連界面都可以用 CSS 來自定義,擴充可以用JS開發,完全可以深度定制打造自己的IDE。Sublime基于Python,兩者擴充性都非常強。
- Atom 暫時還是免費的。而SublimeText,額,一直會彈那個框(使用網上注冊碼?)。
- 對
的支援更加完美(見下文);這一點真心是贊的不要不要的。Markdown
- 類Web App嘛,對各平台的支援更為有好;比如:在mac下打開xxx檔案/檔案夾,Atom:terminal下直接 atom xxx 即可。而SublimeText會相對繁瑣很多,比如為其添加系統别名,可參見Mac必備軟體漸集之ZSH-終極Shell。windows下,安裝了 Atom,就已經在滑鼠右鍵清單了。
-
,類Web的年輕一代編輯神器,在打開軟體速度上稍遜SublimeText3。相比之下,對大檔案響應處理上相比之下,還需很大提升。不過潛力還是挺足的。Atom
- Atom 有友好的中文社群Atom China。
關于如何初步使用Atom,可以參見 官方手冊:Atom 基礎使用。
Atom安裝篇
Atom軟體本身安裝
- 可以去Atom官網下載下傳安裝包,跟普通安裝一緻。
- 可以在終端terminal中安裝:
-
Mac OS
brew install Caskroom/cask/atom
-
Window OS
可以用管理者身份打開Powershell,然後用 choco install 去安裝 Atom.
choco install atom
這一點具體可以參見文章:Win下必備神器之Cmder
Atom的插件安裝
-
呼出設定界面,點選 Install ,在調出的頁面輸入框中輸入你想安裝的插件名,搜尋這個插件,然後再出現的插件選項中點選下載下傳。Command+Shift+P
- Atom編輯器還自帶了一個叫做
(Atom Package Manager)的包管理工具,用過npm的同學應該對包管理工具不會陌生,我們可以通過apm查找Atom插件,安裝和删除插件等操作。比如對emmet插件的操作。apm
- //查找
-
apm search emmet
//安裝
-
apm install emmet
//删除
- apm remove emmet
Atom快捷鍵篇
檔案切換
ctrl-shift-s
儲存所有打開的檔案
cmd-shift-o
打開目錄
cmd-\
顯示或隐藏目錄樹
ctrl-0
焦點移到目錄樹
目錄樹下,使用a,m,delete來增加,修改和删除
cmd-t
或
cmd-p
查找檔案
cmd-b
在打開的檔案之間切換
cmd-shift-b
隻搜尋從上次git commit後修改或者新增的檔案
導航
(等價于上下左右)
ctrl-p
前一行
ctrl-n
後一行
ctrl-f
前一個字元
ctrl-b
後一個字元
alt-B
,
alt-left
移動到單詞開始
alt-F
alt-right
移動到單詞末尾
cmd-right
ctrl-E
移動到一行結束
cmd-left
ctrl-A
移動到一行開始
cmd-up
移動到檔案開始
cmd-down
移動到檔案結束
ctrl-g
移動到指定行 row:column 處
cmd-r
在方法之間跳轉
目錄樹操作
cmd-\
或者
cmd-k cmd-b
顯示(隐藏)目錄樹
ctrl-0
焦點切換到目錄樹(再按一次或者
Esc
退出目錄樹)
a
添加檔案
d
将目前檔案另存為(duplicate)
i
顯示(隐藏)版本控制忽略的檔案
alt-right
和
alt-left
展開(隐藏)所有目錄
ctrl-al-]
ctrl-al-[
同上
ctrl-[
ctrl-]
展開(隐藏)目前目錄
ctrl-f
ctrl-b
cmd-k h
cmd-k left
在左半視圖中打開檔案
cmd-k j
cmd-k down
在下半視圖中打開檔案
cmd-k k
cmd-k up
在上半視圖中打開檔案
cmd-k l
cmd-k right
在右半視圖中打開檔案
ctrl-shift-C
複制目前檔案絕對路徑
書簽
cmd-F2
在本行增加書簽
F2
跳到目前檔案的下一條書簽
shift-F2
跳到目前檔案的上一條書簽
ctrl-F2
列出目前工程所有書簽
選取
大部分和導航一緻,隻不過加上shift
ctrl-shift-P
選取至上一行
ctrl-shift-N
選取至下一樣
ctrl-shift-B
選取至前一個字元
ctrl-shift-F
選取至後一個字元
alt-shift-B
alt-shift-left
選取至字元開始
alt-shift-F
alt-shift-right
選取至字元結束
ctrl-shift-E
cmd-shift-right
選取至本行結束
ctrl-shift-A
cmd-shift-left
選取至本行開始
cmd-shift-up
選取至檔案開始
cmd-shift-down
選取至檔案結尾
cmd-A
全選
cmd-L
選取一行,繼續按回選取下一行
ctrl-shift-W
選取目前單詞
編輯和删除文本
基本操作
ctrl-T
使光标前後字元交換
cmd-J
将下一行與目前行合并
ctrl-cmd-up
ctrl-cmd-down
使目前行向上或者向下移動
cmd-shift-D
複制目前行到下一行
cmd-K
cmd-U
使目前字元大寫
cmd-K
cmd-L
使目前字元小寫
删除和剪切
ctrl-shift-K
删除目前行
cmd-backspace
删除到目前行開始
cmd-fn-backspace
删除到目前行結束
ctrl-K
剪切到目前行結束
alt-backspace
alt-H
删除到目前單詞開始
alt-delete
alt-D
删除到目前單詞結束
多光标和多處選取
cmd-click
增加新光标
cmd-shift-L
将多行選取改為多行光标
ctrl-shift-up
ctrl-shift-down
增加上(下)一行光标
cmd-D
選取文檔中和目前單詞相同的下一處
ctrl-cmd-G
選取文檔中所有和目前光标單詞相同的位置
括号跳轉
ctrl-m
相應括号之間,html tag之間等跳轉
ctrl-cmd-m
括号(tag)之間文本選取
alt-cmd-.
關閉目前XML/HTML tag
編碼方式
ctrl-shift-U
調出切換編碼選項
查找和替換
cmd-F
在buffer中查找
cmd-shift-f
在整個工程中查找
代碼片段
alt-shift-S
檢視目前可用代碼片段
在目錄下
~/.atom
檔案中存放了你定制的snippets
snippets.cson
定制說明
自動補全
ctrl-space
提示補全資訊
折疊
alt-cmd-[
alt-cmd-]
展開
alt-cmd-shift-{
折疊全部
alt-cmd-shift-}
展開全部
cmd-k cmd-N
指定折疊層級 N為層級數
檔案文法高亮
ctrl-shift-L
選擇文本類型
使用Atom進行寫作
ctrl-shift-M
Markdown預覽
可用代碼片段
b, legal, img, l, i, code, t, table
git操作
cmd-alt-Z
checkout HEAD 版本
cmd-shift-B
彈出untracked 和 modified檔案清單
alt-g down
alt-g up
在修改處跳轉
alt-G D
彈出diff清單
alt-G O
在github上打開檔案
alt-G G
在github上打開項目位址
alt-G B
在github上打開檔案blame
alt-G H
在github上打開檔案history
alt-G I
在github上打開issues
alt-G R
在github打開分支比較
alt-G C
拷貝目前檔案在gihub上的網址
推薦一些好用的插件
- 主題
- seti-uiA dark colored UI theme for Atom with custom file icons. (+Seti Syntax)
- atom-material-ui 好看到爆
- atom-material-syntax
- 美化
- atom-beautify 一鍵代碼美化
- file-icons 給檔案加上好看的圖示
- atom-minimap 友善美觀的縮略滾動圖
- git
- atomatigit 可視化git操作
-
代碼提示
-emmet 這個不用介紹了吧,前端開發必備,誰用誰知道;
- atom-ternjs js代碼提示很強大,高度定制化
- docblockr jsdoc 給js添加注釋
- color-picker 取色器 必備插件
- pigments 顔色顯示插件 必裝
- terminal-panel 直接在atom裡面寫指令了
- svg-preview svg預覽
- 便捷操作
- advanced-open-file 快速打開、切換檔案
- 代碼校驗
- linter代碼校驗工具;A Base Linter with Cow Powers
- Web前端
- autoclose-html 閉合html标簽
- language-vue-component Atom編寫Vue高亮
- vue-autocompile Auto compiles vue in atom
- language-vue Syntax highlighting for vue component files
其插件已相當豐滿,可以在這裡搜尋查找。Packages make Atom do amazing things.
舒爽書寫作(Markdown)
Atom有自帶MarkdownPreview,支援
Ctrl+Shift+M
實時預覽。裝上markdown-writer插件,根據其預設配置:Settings for Keymaps,完美;想必之下比
SublimeText
下的書寫爽很多;也比
簡書
,
作業部落
要更為強大。 比如對已經寫下的文字加粗,選中
Command+B
即可;如果文字還沒寫,空格下 Command+B 就會生成
**|**
,光标在第二個
*
之後,很是友善。 當然這快捷是可以更改的,
cmd + shift + p
輸入setting呼出設定界面自行更改。
markdown-writer
書寫 Markdown 預設快捷鍵如下:
快捷鍵操作 | 作用效果 |
---|---|
"shift-cmd-K": | "markdown-writer : ** insert-link"** |
"shift-cmd-I": | "markdown-writer : ** insert-image"** |
"cmd-i": | "markdown-writer : ** toggle-italic-text"** |
"cmd-b": | "markdown-writer : ** toggle-bold-text"** |
"cmd-'": | "markdown-writer : ** toggle-code-text"** |
"cmd-k": | "markdown-writer : ** toggle-keystroke-text"** |
"cmd-h": | "markdown-writer : ** toggle-strikethrough-text"** |
"ctrl-alt-1": | "markdown-writer : ** toggle-h1"** |
"ctrl-alt-2": | "markdown-writer : ** toggle-h2"** |
"ctrl-alt-3": | "markdown-writer : ** toggle-h3"** |
"ctrl-alt-4": | "markdown-writer : ** toggle-h4"** |
"ctrl-alt-5": | "markdown-writer : ** toggle-h5"** |
"shift-cmd-O": | "markdown-writer : ** toggle-ol"** |
"shift-cmd-U": | "markdown-writer : ** toggle-ul"** |
"shift-cmd->": | "markdown-writer : ** toggle-blockquote"** |
'shift-cmd-"': | "markdown-writer : ** toggle-codeblock-text"** |
"cmd-j cmd-p": | "markdown-writer : ** jump-to-previous-heading"** |
"cmd-j cmd-n": | "markdown-writer : ** jump-to-next-heading"** |
"cmd-j cmd-d": | "markdown-writer : ** jump-between-reference-definition"** |
"cmd-j cmd-t": | "markdown-writer : ** jump-to-next-table-cell"** |
原文(晚晴幽草軒): http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/
您可能感興趣(/有用)的文章:
- 如何優雅地使用Sublime Text
- sublime text 下的Markdown寫作
- SublimeText下寫作利器之MarkdownEditing
- Mac必備軟體漸集之ZSH-終極Shell
