在使用前

ATOM 是Github主導(dǎo)的Web版的編輯器,，目前還是測(cè)試階段,，功能很多，bug也很多,，如果出現(xiàn)錯(cuò)誤,，請(qǐng)使用

強(qiáng)制誤差調(diào)整大法 快捷鍵 OSX ctrl-alt-cmd-l Win alt-ctrl-r

說(shuō)明： ATOM 的快捷鍵和 Sublime Text 差不多，大部分可以混用

提示,，使用快捷鍵 Win ctrl-shift-p OS X cmd-shift-p 可以搜索快捷鍵,， 也可以在關(guān)閉所有文檔的時(shí)候，滾動(dòng)提示快捷鍵

首先整理的是OS X的快捷鍵

文件切換

ctrl-shift-s 保存所有打開(kāi)的文件

cmd-shift-o 打開(kāi)目錄

cmd-\ 顯示或隱藏目錄樹(shù)

ctrl-0 焦點(diǎn)移到目錄樹(shù) 注意這里是數(shù)字 0 非常實(shí)用,，也可以用 cmd+\來(lái)變相達(dá)到效果

目錄樹(shù)下,，使用a，m,，delete來(lái)增加,，修改和刪除

cmd-t 或 cmd-p 查找文件

cmd-b 在打開(kāi)的文件之間切換

cmd-shift-b 只搜索從上次 git commit 后修改或者新增的文件

導(dǎo)航

（等價(jià)于上下左右）

ctrl-p 前一行

ctrl-n 后一行

ctrl-f 前一個(gè)字符

ctrl-b 后一個(gè)字符

alt-B, alt-left` 移動(dòng)到單詞開(kāi)始

alt-F, alt-right 移動(dòng)到單詞末尾

cmd-right, ctrl-E 移動(dòng)到一行結(jié)束

cmd-left, ctrl-A 移動(dòng)到一行開(kāi)始

cmd-up 移動(dòng)到文件開(kāi)始

cmd-down 移動(dòng)到文件結(jié)束

ctrl-g 移動(dòng)到指定行 row:column 處

cmd-r 在方法之間跳轉(zhuǎn)

目錄樹(shù)操作

cmd-\ 或者 cmd-k cmd-b 顯示(隱藏)目錄樹(shù)

ctrl-0 焦點(diǎn)切換到目錄樹(shù)(再按一次或者Esc退出目錄樹(shù))

1. a 添加文件
2. d 將當(dāng)前文件另存為(duplicate)
3. i 顯示(隱藏)版本控制忽略的文件

alt-right 和 alt-left 展開(kāi)(隱藏)所有目錄

ctrl-al-] 和 ctrl-al-[ 同上

ctrl-[ 和 ctrl-] 展開(kāi)(隱藏)當(dāng)前目錄

ctrl-f 和 ctrl-b 同上

cmd-k h 或者 cmd-k left 在左半視圖中打開(kāi)文件

cmd-k j 或者 cmd-k down 在下半視圖中打開(kāi)文件

cmd-k k 或者 cmd-k up 在上半視圖中打開(kāi)文件

cmd-k l 或者 cmd-k right 在右半視圖中打開(kāi)文件

ctrl-shift-C 復(fù)制當(dāng)前文件絕對(duì)路徑

書(shū)簽

cmd-F2 在本行增加書(shū)簽

F2 跳到當(dāng)前文件的下一條書(shū)簽

shift-F2 跳到當(dāng)前文件的上一條書(shū)簽

ctrl-F2 列出當(dāng)前工程所有書(shū)簽

選取

大部分和導(dǎo)航一致，只不過(guò)加上shift

ctrl-shift-P 選取至上一行

ctrl-shift-N 選取至下一樣

ctrl-shift-B 選取至前一個(gè)字符

ctrl-shift-F 選取至后一個(gè)字符

alt-shift-B, alt-shift-left 選取至字符開(kāi)始

alt-shift-F, alt-shift-right 選取至字符結(jié)束

ctrl-shift-E, cmd-shift-right 選取至本行結(jié)束

ctrl-shift-A, cmd-shift-left 選取至本行開(kāi)始

cmd-shift-up 選取至文件開(kāi)始

cmd-shift-down 選取至文件結(jié)尾

cmd-A 全選

cmd-L 選取一行,，繼續(xù)按回選取下一行

ctrl-shift-W 選取當(dāng)前單詞

編輯和刪除文本

基本操作

ctrl-T 使光標(biāo)前后字符交換

cmd-J 將下一行與當(dāng)前行合并

ctrl-cmd-up, ctrl-cmd-down 使當(dāng)前行向上或者向下移動(dòng)

cmd-shift-D 復(fù)制當(dāng)前行到下一行

Atom大小寫(xiě)轉(zhuǎn)換

cmd-K, cmd-U 使當(dāng)前字符大寫(xiě)

cmd-K, cmd-L 使當(dāng)前字符小寫(xiě)

刪除和剪切

ctrl-shift-K 刪除當(dāng)前行

cmd-backspace 刪除到當(dāng)前行開(kāi)始

cmd-fn-backspace 刪除到當(dāng)前行結(jié)束

ctrl-K 剪切到當(dāng)前行結(jié)束

alt-backspace 或 alt-H 刪除到當(dāng)前單詞開(kāi)始

alt-delete 或 alt-D 刪除到當(dāng)前單詞結(jié)束

多光標(biāo)和多處選取

cmd-click 增加新光標(biāo)

cmd-shift-L 將多行選取改為多行光標(biāo)

ctrl-shift-up, ctrl-shift-down 增加上（下）一行光標(biāo)

cmd-D 選取文檔中和當(dāng)前單詞相同的下一處

ctrl-cmd-G 選取文檔中所有和當(dāng)前光標(biāo)單詞相同的位置

括號(hào)跳轉(zhuǎn)

ctrl-m 相應(yīng)括號(hào)之間,，html tag之間等跳轉(zhuǎn)

ctrl-cmd-m 括號(hào)(tag)之間文本選取

alt-cmd-. 關(guān)閉當(dāng)前XML/HTML tag

編碼方式

ctrl-shift-U 調(diào)出切換編碼選項(xiàng)

查找和替換

cmd-F 在buffer中查找

cmd-shift-f 在整個(gè)工程中查找

代碼片段

alt-shift-S 查看當(dāng)前可用代碼片段

在~/.atom目錄下snippets.cson文件中存放了你定制的snippets

自定義快捷鍵說(shuō)明

自動(dòng)補(bǔ)全

ctrl-space 提示補(bǔ)全信息

這個(gè)快捷鍵經(jīng)常和系統(tǒng)快捷鍵沖突修改 keymap.json 快捷打開(kāi)在 Settings > Keybindings > your keymap file 里

添加如下代碼

'atom-text-editor':
  'alt-/': 'auto-complete-plus:activate'

就將 alt-/ 設(shè)置為提示補(bǔ)全信息的快捷鍵，當(dāng)然也可以用其他不沖突的快捷

折疊

alt-cmd-[ 折疊

alt-cmd-] 展開(kāi)

alt-cmd-shift-{ 折疊全部

alt-cmd-shift-} 展開(kāi)全部

cmd-k cmd-N 指定折疊層級(jí) N為層級(jí)數(shù)

文件語(yǔ)法高亮

ctrl-shift-L 選擇文本類(lèi)型

使用Atom進(jìn)行寫(xiě)作

ctrl-shift-M Markdown預(yù)覽

可用代碼片段

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 在修改處跳轉(zhuǎn)

alt-G D 彈出diff列表

alt-G O 在github上打開(kāi)文件

alt-G G 在github上打開(kāi)項(xiàng)目地址

alt-G B 在github上打開(kāi)文件blame

alt-G H 在github上打開(kāi)文件history

alt-G I 在github上打開(kāi)issues

alt-G R 在github打開(kāi)分支比較

alt-G C 拷貝當(dāng)前文件在gihub上的網(wǎng)址

插件管理

• osx 按下快捷鍵 cmd+, (Win 為 ctrl+, 不過(guò)經(jīng)常和輸入沖突,，在File->Settings中) 打開(kāi)Settings菜單

• 選擇左側(cè)的Packages頁(yè)卡,，搜索插件

• 點(diǎn)選插件標(biāo)題進(jìn)入 Atom.io 頁(yè)面， 點(diǎn)選插件內(nèi)容進(jìn)入插件管理

• 右下有卸載插件和關(guān)閉插件的開(kāi)關(guān)

推薦一些好用的插件

安裝插件之前

如果訪(fǎng)問(wèn) Atom.io/package 慢,，應(yīng)該是DNS污染導(dǎo)致,，設(shè)置hosts 到 就能減輕重試次數(shù)

必裝插件

• linter 識(shí)別多門(mén)語(yǔ)言的錯(cuò)誤,但是不細(xì)致，主插件,，可以針對(duì)性的安裝更細(xì)致的檢查插件
  支持查找Git AtomLinter

• bottom-dock 上下文提示插件,，很多插件依賴(lài)這個(gè)，快捷鍵

• ctrl-k ctrl-t : toggles panel 組合快捷鍵,，按二次

• ctrl-k ctrl-r : refreshes window 組合快捷鍵,，按二次

• ctrl-k ctrl-c : closes window 組合快捷鍵，按二次

• linter-manager linter的管理器需要安裝 linter 和 bottom-dock,， 快捷鍵和 bottom-dock 一致

• linter-xmllint 沒(méi)有人不用XML吧,，這是XML語(yǔ)法提示

• linter-jsonlint 怎么能少了json檢查呢

• autocomplete-plus （貌似默認(rèn)安裝好了）完善原有 autocomplete,有二度設(shè)置,， 現(xiàn)已加入豪華套餐

• trailing-spaces 多余空格自動(dòng)高亮插件，此插件默認(rèn)不開(kāi)啟,，設(shè)置里自行開(kāi)啟高亮提示

編輯文本與跳轉(zhuǎn)

• vim-mode 用過(guò) vim 的都知道好,基本實(shí)現(xiàn)了大部分的功能,，不過(guò)造成許多快捷鍵沖突，慢慢排除

• jumpy AceJump 風(fēng)格的跳轉(zhuǎn) 快捷鍵 shift-enter 詳細(xì)查看說(shuō)明,，此插件能可能導(dǎo)致頓卡,。

• quick-jump AceJump 風(fēng)格的跳轉(zhuǎn) 快捷鍵 ctrl-; 目前版本有沖突，不可用

主題

• dracula-ui JetBrain 家的德古拉皮膚主題,，適合小屏幕

• dracula-theme JetBrain 家的德古拉代碼渲染主題，適合小屏幕

• atom-material-ui 非常好看的UI

• monokai sublime 的代碼渲染主題,，配合 atom-material-ui 視覺(jué)效果拔群

• atom-material-syntax UI的附屬字體渲染

美化

• atom-beautify 一鍵代碼美化,。

代碼格式化插件，支持的語(yǔ)言查看幫助文檔,，此插件需要配置快捷鍵,，推薦使用快捷鍵 cmd-alt-l

'atom-text-editor':
    'alt-cmd-l': 'atom-beautify:beautify-editor'

• minimap 內(nèi)部編輯那里有一個(gè)小小的代碼圖,這貨就是補(bǔ)全 Atom 這個(gè)功能的,支持高亮代碼,還可控，具體看內(nèi)部設(shè)置

• minimap-find-and-replace 功能同 minimap,，簡(jiǎn)化一些

• file-icons 給文件加上好看的圖標(biāo),。

• filetype-color 在標(biāo)簽欄不同格式文件顯示不同的顏色的標(biāo)題，支持二度設(shè)置

• tool-bar 工具欄增強(qiáng) 在 ATOM 1.8 時(shí)有兼容問(wèn)題

命令行-一款就夠,，推薦 tokamak-terminal

• tokamak-terminal Win OSX 通用的命令行工具 fork 至 terminal-plus

快捷鍵 `ctrl-``

• terminal-plus Win OSX 通用的命令行工具,，目前最好用的一款 (停止更新無(wú)法支持 ATOM 1.7)以上

快捷鍵 `ctrl-``

• terminal-panel 直接在atom里面寫(xiě)命令 Mac 專(zhuān)用

• atom-terminal-panel Windows 使用這個(gè)可以很好的執(zhí)行命令行，出現(xiàn)亂碼自行修改編碼
  快捷鍵 shift-enter 打開(kāi)面板 Ctrl-` 關(guān)閉面板

注意相同功能插件會(huì)沖突,，可以disable一個(gè),，快捷鍵沖突的時(shí)候，自行定義一下

git

• atomatigit 可視化git操作

• git-plus 與Sublime Text 的 sublimegit 功能基本一致

• merge-conflicts git conflicts 合并工具 (default hotkey: alt-m d)

'atom-text-editor.conflicted':
  'alt-m down': 'merge-conflicts:next-unresolved'
  'alt-m up': 'merge-conflicts:previous-unresolved'
  'alt-m enter': 'merge-conflicts:accept-current'
  'alt-m r': 'merge-conflicts:revert-current'
  'alt-m 1': 'merge-conflicts:accept-ours'
  'alt-m 2': 'merge-conflicts:accept-theirs'

'atom-workspace':
  'alt-m d': 'merge-conflicts:detect'

代碼提示

• color-picker 取色器

• pigments 顏色顯示插件

• regex-railroad-diagram 正則表達(dá)式圖形化插件

• emmet web開(kāi)發(fā)工具箱,。神器有個(gè)別快捷鍵會(huì)和 Markdown preview 快捷鍵沖突,，改下就好

• atom-ternjs js代碼提示很強(qiáng)大，高度定制化,。

• docblockr jsdoc 給js添加注釋,。

• autoclose-html 閉合html標(biāo)簽。

• preview 預(yù)覽各種代碼效果

• svg-preview svg預(yù)覽

react 插件

• react react 語(yǔ)法支持
• atom-react-native-autocompletereact-native 自動(dòng)代碼補(bǔ)全
• atom-react-previewreact 預(yù)覽

前端插件

• autoprefixer 用來(lái)補(bǔ)充 css 前綴的,，會(huì)自動(dòng)生成多個(gè)瀏覽器的前綴

前端可能 autocomplete

• autocomplete-paths 實(shí)用路徑補(bǔ)全

• autocomplete-html html更加細(xì)致（已加入豪華套餐）

• autocomplete-bibtex Github 的 markdown 語(yǔ)法

• autocomplete-snippets 如名字（已加入豪華套餐）

• autocomplete-css 更加細(xì)致（已加入豪華套餐）

前端可能 linter

• linter-jshint , for JavaScript and JSON, using jshint

• linter-jscs , for JavaScript, using JSCS

• linter-js-standard , for JavaScript, Standard Style

• linter-coffeelint , for CoffeeScript, using coffeelint

• linter-coffeescript ,on the fly, using coffee

• linter-tslint , for Typescript, using tslint

• linter-tidy , for HTML, using tidy

• linter-php , for PHP using php -l

• linter-pylint , for Python, using pylint

• linter-scss-lint , for SASS/SCSS, using scss-lint

• linter-less , for LESS, using less

• linter-csslint , for CSS, using csslint

• linter-stylint , for Stylus, using stylint

• linter-stylus , for Stylus, using stylus

實(shí)用技巧

Atom 顯示 空格 換行 回車(chē) 等隱藏元素

在 Setting 的 Core Setting 中尋找 分類(lèi) Scoll Sensitivity 勾上選項(xiàng) Show Invisbles 就可以顯示tab space 回車(chē) 換行了
推薦使用能配合monokai代碼渲染的主題 如： atom-material-ui atom-dark one-dark
如果是其他主題,，覺(jué)得空格顯示的效果不明顯 找到欄目 Invisible Space 輸入內(nèi)容 — 或者 - 加強(qiáng)現(xiàn)實(shí)效果 重新載入生效或者重新載入生效

參考

• futantan/atom 文章源自：https://github.com/futantan/atom 作者：futantan
• Atom使用教程 文章源自：http://wiki./project/atom/plug-in.html 作者：wiki.