新编码神器Atom使用纪要

Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。她很大程度上继承了SublimeText的美，而又不仅如此。有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用Sublime Text ，这其中可以感受个人对于Sublime的钟爱。而如今试用了 Atom 一个多月以来，我被迫见异思迁了，幸好我不是一个喜新厌旧的男人～在编码砌字时，很多时候一款编辑器的标签不够用的，所以现在两款兼而用之。

Atom与SublimeText3对比

• Atom1.0之后，有比Sublime更美的UI，不输Sublime的插件包，比Sublime更加舒适的细节，比如： cmd-\ 显示或隐藏目录树。
• 更为简洁人性化的设置/插件安装等（当然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 ，就已经在鼠标右键列表了。
• Atom 有友好的中文社区 Atom China 。

关于如何初步使用Atom，可以参见 官方手册：Atom 基础使用 。

Atom安装篇

Atom软件本身安装

1. 可以去Atom官网下载安装包，跟普通安装一致。

2. 可以在终端terminal中安装：

   • Mac OS

     ~ brew install Caskroom/cask/atom

     </li>

   • Window OS

     可以用管理员身份打开Powershell，然后用 choco install 去安装 Atom.

     choco install atom

     这一点具体可以参见文章：Win下必备神器之Cmder

   </ul> </li> </ol>

   Atom的插件安装

   1. Command+Shift+P 呼出设置界面，点击 Install ，在调出的页面输入框中输入你想安装的插件名，搜索这个插件，然后再出现的插件选项中点击下载。

   2. Atom编辑器还自带了一个叫做 apm (Atom Package Manager)的包管理工具，用过npm的同学应该对包管理工具不会陌生，我们可以通过apm查找Atom插件，安装和删除插件等操作。比如对emmet插件的操作。

      //查找

      ~ 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.cson 文件中存放了你定制的snippets

   定制说明

   自动补全

   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-ui A 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呼出设置界面自行更改。

   </div>