倾城之链

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

Atom与SublimeText3对比

  • Atom1.0之后,有比Sublime更美的UI,不输Sublime的插件包,比Sublime更加舒适的细节,比如:Atom下 cmd-\ 显示或隐藏目录树;(Sublime默认是 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,就已经在鼠标右键列表了。
  • Atom,类Web的年轻一代编辑神器,在打开软件速度上稍逊SublimeText3。相比之下,对大文件响应处理上相比之下,还需很大提升。不过潜力还是挺足的。
  • Atom 有友好的中文社区Atom China

关于如何初步使用Atom,可以参见 官方手册:Atom 基础使用

Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.

Atom安装篇

Atom软件本身安装

  1. 可以去Atom官网下载安装包,跟普通安装一致。
  2. 可以在终端terminal中安装:

    • Mac OS

      ~ brew install Caskroom/cask/atom

    • Window OS

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

      1
      choco install atom

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

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-tcmd-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-rightalt-left 展开(隐藏)所有目录
ctrl-al-]ctrl-al-[ 同上
ctrl-[ctrl-] 展开(隐藏)当前目录
ctrl-fctrl-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-backspacealt-H 删除到当前单词开始
alt-deletealt-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上的网址

推荐一些好用的插件

其插件已相当丰满,可以在这里搜索查找。Packages make Atom do amazing things.

Atom 切换项目

Sublime Text 早已自带有 Project,用于快速切换项目(摒弃了 SideBarFolders 这样的插件),这在 如何优雅地使用Sublime Text一文中有过阐述;而 Atom 在这方面,似有不足,每次切换项目颇费周章;可以有的办法是,使用其提供的插件来完成,比如如 project-manager:Project Manager for easy access and switching between projects in Atom. 你可以使用如下命令进行安装:

1
apm install project-manager

更多使用详情,可参见: https://atom.io/packages/project-manager .谈及使用体验,跟 Sublime Text 自带有 Project 使用方式差不多;只不过它这里,切换到新项目时候,会打开新的窗口,而不是替换当前窗口,这个嘛 ~,😂😂。

舒爽书写作(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”

补充说明的是:相比于SublimeVsCode等编辑器,Atom的速度以及对大文件的承压能力,都会稍逊些。这也是其开箱即用、大大简化了为 Atom 开发门槛等带来的副作用。Atom 是基于 web 技术理念设计的桌面软件,简单来讲,Atom 其实是一个跑在本地的网页。Atom 编辑器本身是个 Chromium 项目,运行时会在NaCl(Native Client)环境里启动一个node.js的进程处理编辑器的核心功能,在界面上利用 Chromium 显示由 node.js 支持的网页,并在页面上为使用者提供功能。目前在 Atom 的界面上,还可以随时用 Chromium 的快捷键 cmd+alt+i 来打开控制台,查看整个Atom程序的页面布局。由于 Atom 的界面本身就是网页,那么主题这种表现层的东西就交由 css 完成。实际上,Atom 的主题确实就是一段 Css 代码。使用 node.js 来提供后台服务,也让 Atom 的功能插件可以从前到后都使用 javascript(Ts) 一种语言搞定。由于 JS 本身存在的性能问题,所以也就导致会存在些问题;但,如果设配配置稍好些,并不是很影响使用体验(当然,现在仍是不能打开大文件)。

17 年 9 月 12 号,Atom 官网宣布 GitHub 与 Facebook 合作联合推出 Atom IDE,将 IDE 风格的功能带到了 Atom 上。 Atom IDE 提供了更加智能的自动完成特性和多种代码导航特性,如轮廓视图(outline view)、跳转(go to definition)、查找引用(find all references)等。除此之外,还有其他一些有用的功能,如悬停显示(hover to reveal)、错误和警告(诊断信息)和文档格式化。有兴趣的朋友,可以去官网了解更多: https://ide.atom.io/ 。期待 Github 在后续更新中,给出令人更满意的答卷 & 惊喜。


如果您觉得本文的内容,对您有所帮助,您可以微信(左)/支付宝(右),1元支持一下 凸^-^凸。


微信小额打赏微信小额打赏
支付宝小额支持支付宝小额支持


原文出处: (晚晴幽草轩)https://jeffjade.com
原文链接: http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/

您可能感兴趣(/有用)的文章:

打赏

广而告之


文章目录
  1. 1. Atom与SublimeText3对比
  2. 2. Atom安装篇
    1. 2.1. Atom软件本身安装
    2. 2.2. Atom的插件安装
  3. 3. Atom快捷键篇
    1. 3.1. 文件切换
    2. 3.2. 导航
    3. 3.3. 目录树操作
    4. 3.4. 书签
    5. 3.5. 选取
    6. 3.6. 编辑和删除文本
      1. 3.6.1. 基本操作
      2. 3.6.2. 删除和剪切
      3. 3.6.3. 多光标和多处选取
      4. 3.6.4. 括号跳转
      5. 3.6.5. 编码方式
      6. 3.6.6. 查找和替换
      7. 3.6.7. 代码片段
      8. 3.6.8. 自动补全
      9. 3.6.9. 折叠
      10. 3.6.10. 文件语法高亮
      11. 3.6.11. 使用Atom进行写作
      12. 3.6.12. git操作
  4. 4. 推荐一些好用的插件
    1. 4.1. Atom 切换项目
    2. 4.2. 舒爽书写作(Markdown)