[TOC]
在使用前
ATOM 是Github主導(dǎo)的Web版的編輯器
已經(jīng)穩(wěn)定了，這個(gè)調(diào)試功能已經(jīng)隱藏功偿，撒花~
目前還是測(cè)試階段盆佣，功能很多，bug也很多，如果出現(xiàn)錯(cuò)誤罪塔，請(qǐng)使用
強(qiáng)制誤差調(diào)整大法 快捷鍵 OSX ctrl-alt-cmd-l Win alt-ctrl-r
說明： ATOM 的快捷鍵和 Sublime Text 差不多投蝉，大部分可以混用
提示养葵，使用快捷鍵 * Win
ctrl-shift-p* OS Xcmd-shift-p可以搜索快捷鍵征堪， 也可以在關(guān)閉所有文檔的時(shí)候，滾動(dòng)提示快捷鍵
本文整理的是OS X的快捷鍵
文件切換
ctrl-shift-s 保存所有打開的文件
cmd-shift-o 打開目錄
cmd-\ 顯示或隱藏目錄樹
ctrl-0 焦點(diǎn)移到目錄樹 注意這里是數(shù)字 0 非常實(shí)用关拒，也可以用 cmd+\來變相達(dá)到效果
目錄樹下佃蚜，使用a，m着绊，delete來增加谐算，修改和刪除
cmd-t 或 cmd-p 查找文件
cmd-b 在打開的文件之間切換
cmd-shift-b 只搜索從上次 git commit 后修改或者新增的文件
導(dǎo)航
（等價(jià)于上下左右）
ctrl-p 前一行
ctrl-n 后一行
ctrl-f 前一個(gè)字符
ctrl-b 后一個(gè)字符
alt-B, alt-left` 移動(dòng)到單詞開始
alt-F, alt-right 移動(dòng)到單詞末尾
cmd-right, ctrl-E 移動(dòng)到一行結(jié)束
cmd-left, ctrl-A 移動(dòng)到一行開始
cmd-up 移動(dòng)到文件開始
cmd-down 移動(dòng)到文件結(jié)束
ctrl-g 移動(dòng)到指定行 row:column 處
cmd-r 在方法之間跳轉(zhuǎn)
alt-cmd-left 上一個(gè)項(xiàng)目 等效 ctrl-pageup shift-cmd-[
alt-cmd-right 下一個(gè)項(xiàng)目 等效 ctrl-pagedown shift-cmd-]
目錄樹操作
cmd-\\ 或者 cmd-k cmd-b 顯示(隱藏)目錄樹
cmd+| 不同鍵盤可能快鍵鍵不一樣，美標(biāo)鍵盤是 cmd+shift+\\ 归露，功能是快速定位當(dāng)前文件在目錄樹的位置,功能名稱 Reveal in tree view
ctrl-0 焦點(diǎn)切換到目錄樹(再按一次或者Esc退出目錄樹)
-
a添加文件 -
d將當(dāng)前文件另存為(duplicate) -
i顯示(隱藏)版本控制忽略的文件
alt-right 和 alt-left 展開(隱藏)所有目錄
ctrl-al-] 和 ctrl-al-[ 同上
ctrl-[ 和 ctrl-] 展開(隱藏)當(dāng)前目錄
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 復(fù)制當(dāng)前文件絕對(duì)路徑
書簽
cmd-F2 在本行增加書簽
F2 跳到當(dāng)前文件的下一條書簽
shift-F2 跳到當(dāng)前文件的上一條書簽
ctrl-F2 列出當(dāng)前工程所有書簽
選取
大部分和導(dǎo)航一致洲脂，只不過加上shift
ctrl-shift-P 選取至上一行
ctrl-shift-N 選取至下一樣
ctrl-shift-B 選取至前一個(gè)字符
ctrl-shift-F 選取至后一個(gè)字符
alt-shift-B, alt-shift-left 選取至字符開始
alt-shift-F, alt-shift-right 選取至字符結(jié)束
ctrl-shift-E, cmd-shift-right 選取至本行結(jié)束
ctrl-shift-A, cmd-shift-left 選取至本行開始
cmd-shift-up 選取至文件開始
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)前行到下一行
大小寫轉(zhuǎn)換
cmd-K, cmd-U 使當(dāng)前字符大寫
cmd-K, cmd-L 使當(dāng)前字符小寫
刪除和剪切
ctrl-shift-K 刪除當(dāng)前行
cmd-backspace 刪除到當(dāng)前行開始
cmd-fn-backspace 刪除到當(dāng)前行結(jié)束
ctrl-K 剪切到當(dāng)前行結(jié)束
alt-backspace 或 alt-H 刪除到當(dāng)前單詞開始
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
自動(dòng)補(bǔ)全
ctrl-space 提示補(bǔ)全信息
這個(gè)快捷鍵經(jīng)常和系統(tǒng)快捷鍵沖突修改
keymap.json快捷打開在 Settings > Keybindings > your keymap file 里
添加如下代碼
'atom-text-editor':
'alt-/': 'auto-complete-plus:activate'
就將 alt-/ 設(shè)置為提示補(bǔ)全信息的快捷鍵恐锦，當(dāng)然也可以用其他不沖突的快捷
折疊
alt-cmd-[ 折疊
alt-cmd-] 展開
alt-cmd-shift-{ 折疊全部
alt-cmd-shift-} 展開全部
cmd-k cmd-N 指定折疊層級(jí) N為層級(jí)數(shù)
文件語法高亮
ctrl-shift-L 選擇文本類型
使用Atom進(jìn)行寫作
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上打開文件
alt-G G 在github上打開項(xiàng)目地址
alt-G B 在github上打開文件blame
alt-G H 在github上打開文件history
alt-G I 在github上打開issues
alt-G R 在github打開分支比較
alt-G C 拷貝當(dāng)前文件在gihub上的網(wǎng)址
插件管理
插件安裝需要檢查native環(huán)境
apm install --check
- osx 按下快捷鍵
cmd+,(Win 為 ctrl+, 不過經(jīng)常和輸入沖突，在File->Settings中) 打開Settings菜單 - 選擇左側(cè)的
Packages頁卡疆液，搜索插件 - 點(diǎn)選插件標(biāo)題進(jìn)入 Atom.io 頁面一铅， 點(diǎn)選插件內(nèi)容進(jìn)入插件管理
- 右下有卸載插件和關(guān)閉插件的開關(guān)
插件native環(huán)境檢查錯(cuò)誤解決方法
- 出現(xiàn)類似這個(gè)錯(cuò)誤
gyp info it worked if it ends with ok
gyp info using node-gyp@3.4.0
gyp info using node@4.4.5 | win32 | ia32
gyp http GET https://atom.io/download/atom-shell/v1.3.13/iojs-v1.3.13.tar.gz
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/iojs-v1.3.13.tar.gz
gyp http GET https://atom.io/download/atom-shell/v1.3.13/SHASUMS256.txt
gyp http GET https://atom.io/download/atom-shell/v1.3.13/win-x64/iojs.lib
gyp http GET https://atom.io/download/atom-shell/v1.3.13/win-x86/iojs.lib
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/SHASUMS256.txt
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/win-x86/iojs.lib
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/win-x64/iojs.lib
gyp WARN install got an error, rolling back install
是無法完成atom.io的302重定向，gyp無法完成http GET
全局翻墻即可
臨時(shí)的解決方案堕油，就是把ATOM_NODE_URL環(huán)境變量設(shè)為重定向之后的Url
# Windows temporary
set ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist
# Windows permanently (execute “cmd” with “Run as Administrator”)
setx ATOM_NODE_URL http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist /M
# OSX or Linux
export ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist
推薦一些好用的插件
安裝插件之前
如果訪問 Atom.io/package 慢潘飘，應(yīng)該是DNS污染導(dǎo)致，設(shè)置hosts 到 atom.io 就能減輕重試次數(shù)
也可以參考 Atom 指南中文翻譯 http://mazhuang.org/atom-flight-manual/
Atom 設(shè)置代理
apm config set strict-ssl false
apm config set https-proxy https://proxy-host:8080
直接去改.apmrc 每次啟動(dòng)總會(huì)被重置,改.apmrc的方法廢棄
~/.atom/.apmrc
http-proxy=http://...
https-proxy=http://...
strict-ssl=false
必裝插件
- sync-settings 配置同步工具
需要 github 帳戶給予 gist 授權(quán)掉缺，步驟為
1 打開頁面 https://github.com/settings/tokens/new
1.1 填寫 `Token description`卜录，勾選 `gist` 確定
1.2 找個(gè)安全的地方將 token 記錄下來，因?yàn)楹竺孢@個(gè) token 不再顯示眶明，更新 token
2 打開頁面 https://gist.github.com/ 創(chuàng)建一個(gè)
2.1 `Gist description...` 留空
2.2 `File name including extension..` 填入 `packages.json`
2.3 內(nèi)容任意寫艰毒，這里我填入的是當(dāng)前時(shí)間的 md5 值
2.4 點(diǎn)擊 `Create secret gist`， 當(dāng)然如果你想別人共享你的設(shè)置赘来，可以選擇 `Create public gist`
2.5 跳轉(zhuǎn)的頁面路徑為 https://gist.github.com/${你的用戶名}/${gistID} 现喳，把后面的gistID 復(fù)制記錄下來
3 將記錄下來的 token 填寫到 settings-sync 配置的 `Personal Access Token`，將 gistID 填寫在 `Gist Id`
sync-settings 可以按 token
不同設(shè)備使用相同的 gistID 來同步配置犬辰，同理嗦篱，不同設(shè)備的請(qǐng)自行區(qū)分設(shè)置
查看自己的gist 列表 https://gist.github.com/${你的用戶名}/
# 上傳配置
sync-settings:Backup
# 拉取配置
sync-settings:Fork
set-syntax 支持語言渲染切換，快捷鍵
cmd + shift + p輸入set [語言]last-cursor-position 快速跳轉(zhuǎn)到最近的修改幌缝，快捷鍵
atl + -調(diào)整到最近的修改位置linter 識(shí)別多門語言的錯(cuò)誤,但是不細(xì)致灸促，主插件，可以針對(duì)性的安裝更細(xì)致的檢查插件
支持查找Git AtomLinterbottom-dock 上下文提示插件，很多插件依賴這個(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 沒有人不用XML吧，這是XML語法提示
linter-jsonlint 怎么能少了json檢查呢
autocomplete-plus （貌似默認(rèn)安裝好了）完善原有 autocomplete,有二度設(shè)置萝玷， 現(xiàn)已加入豪華套餐
trailing-spaces 多余空格自動(dòng)高亮插件嫁乘，此插件默認(rèn)不開啟，設(shè)置里自行開啟高亮提示
autocomplete-paths 自動(dòng)補(bǔ)全文件路徑插件
編輯文本與跳轉(zhuǎn)
hyperclick 代碼跳轉(zhuǎn)球碉，用cmd-mousedown蜓斧，或者 cmd-alt-enter 進(jìn)入代碼
vim-mode 用過 vim 的都知道好,基本實(shí)現(xiàn)了大部分的功能，不過造成許多快捷鍵沖突睁冬，慢慢排除
jumpy AceJump 風(fēng)格的跳轉(zhuǎn) 快捷鍵
shift-enter詳細(xì)查看說明挎春，此插件能可能導(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視覺效果拔群atom-material-syntax UI的附屬字體渲染
美化
- atom-beautify 一鍵代碼美化帮碰。
代碼格式化插件，支持的語言查看幫助文檔拾积，此插件需要配置快捷鍵殉挽，推薦使用快捷鍵 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拓巧，簡化一些
file-icons 給文件加上好看的圖標(biāo)斯碌。
filetype-color 在標(biāo)簽欄不同格式文件顯示不同的顏色的標(biāo)題，支持二度設(shè)置
tool-bar 工具欄增強(qiáng) 在 ATOM 1.8 時(shí)有兼容問題
命令行-一款就夠肛度，推薦 tokamak-terminal
-
tokamak-terminal Win OSX 通用的命令行工具 fork 至 terminal-plus
快捷鍵 `ctrl-``
Atom 1.12 以后不能直接使用這款插件傻唾，修復(fù)方法是，最新版本不需要怎么做承耿，如果遇到可以用類似的方法修復(fù)
# 也可以直接點(diǎn)擊Setting進(jìn)入 Packages/Tokamak Terminal 點(diǎn)擊 View Code
cd ~/.atom/packages/tokamak-terminal
修改package.json至
"dependencies": {
"atom-space-pen-views": "^2.1.0",
"pty.js": "https://github.com/platformio/pty.js/tarball/prebuilt",
"term.js": "https://github.com/jeremyramin/term.js/tarball/master",
"underscore": "^1.8.3"
},
{
"name": "pty.js",
"version": "^0.3.1",
"path": "node_modules/pty.js/index.js"
},
然后在 ~/.atom/packages/tokamak-terminal 中刪除 node_modules 再執(zhí)行 apm i
terminal-plus Win OSX 通用的命令行工具冠骄，目前最好用的一款 (停止更新無法支持 ATOM 1.7)以上
快捷鍵 `ctrl-``terminal-panel 直接在atom里面寫命令 Mac 專用
atom-terminal-panel Windows 使用這個(gè)可以很好的執(zhí)行命令行，出現(xiàn)亂碼自行修改編碼
快捷鍵shift-enter打開面板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開發(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 語法支持
- atom-react-native-autocomplete react-native 自動(dòng)代碼補(bǔ)全
- atom-react-preview react 預(yù)覽
前端插件
- autoprefixer 用來補(bǔ)充 css 前綴的，會(huì)自動(dòng)生成多個(gè)瀏覽器的前綴
前端可能 autocomplete
autocomplete-paths 實(shí)用路徑補(bǔ)全
autocomplete-html html更加細(xì)致（已加入豪華套餐）
autocomplete-bibtex Github 的 markdown 語法
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 顯示 空格 換行 回車 等隱藏元素
在 Setting 的 Core Setting 中尋找 分類 Scoll Sensitivity 勾上選項(xiàng) Show Invisbles 就可以顯示tab space 回車 換行了
推薦使用能配合monokai代碼渲染的主題 如： atom-material-ui atom-dark one-dark
如果是其他主題寿谴，覺得空格顯示的效果不明顯 找到欄目 Invisible Space 輸入內(nèi)容 — 或者 - 加強(qiáng)現(xiàn)實(shí)效果 重新載入生效或者重新載入生效
參考
- futantan/atom 文章源自：https://github.com/futantan/atom 作者：futantan
- Atom使用教程 文章源自：http://wiki.jikexueyuan.com/project/atom/plug-in.html 作者：wiki.jikexueyuan.com
