github 月影_试用Atom，Github的开发神器

首先奉上Atom for Mac 下载地址：

原文稍有删改，如有不对之处，欢迎指出

在开发编辑器相争的领域，我们看到了不少的更新换代。最后一次使Web开发界轰动的编辑器，非Sublime Text莫属了，特别是在Package Control出现之后，更为其增添了不少光彩，它提供了完美的包管理功能，使用户能够方便的安装管理各种插件。

如今，Github开始坐不住了，它发布了一款新的编辑器的Beta版，名字叫做Atom，誓要刮起Web开发界的一场新风暴。我有幸拿到了Beta版本的程序，接下来我要为你们展示这个编辑器究竟提供了什么样的功能。还有一件事需要提醒的是，此编辑器的文档甚是匮乏，所以有些功能需要一探究竟才能知道它使干什么用的，不过没关系，下面我将各个重要的功能给你们一一道来。

一个为21世纪所创造的可配置编辑器

首先我们要知道的是，这只是一个Beta版本，有好多特性在接下来的版本会被修改，或者还有些在最终版本中根本不会出现。比如，我就发现我没有找到使用一个文件夹创建工程的功能，这对我很重要。不过没关系，这个Beta版本已经大致可以用了。

接下来我们要说的是，这个编辑器完全是使用Web技术构建的。比如，底层依赖的架构是Chromium(Google Chorome的开源项目)，使得每一个窗口都是本地渲染的网页。为什么不只是创建一个基于浏览器的IDE呢，比如Cloud9IDE？因为，即使很多功能都使用了基本的浏览器API，但是对于需要文件系统访问权的编辑器来说仍有许多限制，所以把它做成一个桌面应用，就好多了。

你可以看到Chromium开发这工具在编辑器里出现，并且高亮显示了编辑器里的一个元素。虽然在编辑器里可以使用Chrome开发工具随便修改代码的内容和样式是十分怪异的，但我只是为了说明这个编辑器是基于Web技术的。

除此之外，他们(Atom的开发者)还把Node.js加了进来，为的是方便文件操作、可扩展的包管理(npm)，使得Atom变得高度可定制化，你可以随意安装各种npm包来扩展编辑器的功能。

最后，一段话说明他们为什么使用Web技术来构建这款编辑器：

With the entire industry pushing web technology forward, we're

confident that we're building Atom on fertile ground. Native UI

technologies come and go, but the web is a standard that can only

becomes more capable and ubiquitous with every passing year. We're

excited to dig deeper into its toolbox.

当你第一次使用Atom的时候，你会发现它像极了Sublime，在视觉上很有冲击力。

首先我要检查的是语言支持，虽然我平时主要使用JavaScript，但是我还是希望他将来能够支持Ruby on Rails(不只是Ruby，最好还要支持Rails框架啊)。它现在支持的语言有:

Python

CoffeeScript

Go

Sass

YAML

还有一些其他的。

与我所见过的其他编辑器相比，Atom的语言支持已经算是覆盖的很全面了。

不过与支持的语言相比，Atom更出色的是它的代码补全(也叫snippets)，它可以使你只输入少量代码来完成大量的编程工作。

比如，如果我输入ife然后按tab，我会得到以下代码：

if (true) {

} else {

}

或者简单的输入一个小写的f然后按tab，它将给我创建一个匿名函数的基本框架：

function () {

}

这些功能在TextExpander和其他编辑器里已经有好一段时间了，所以很高兴看到有一天Github也能拥有这些功能。

可自定义

在Sublime中(即使是v3)有一件事特别使我厌烦的，就是好多配置都要手工输入和调整。在Atom，好像所有的设置都可以通过设置面板来更改配置，以下就是一些你可以通过设置面板来配置的属性：

字体和大小

代码行号

主题

包管理

当然你也可以很轻松的禁用掉已安装的包。

个性化编辑器是许多程序员所要做的第一件事，尤其是一个你每天都要使用的主题。Atom默认自带了五个主题，包括浅色系和深色系的，通过包管理，你还可以增加许多主题来迎合你的品味。

我非常开心"Monokai"主题默认就自带了，它是我个人比较喜欢的。

现在，记得我之前提到过的所有窗口都是使用网页渲染，可以直接在Atom编辑器里呼出开发者工具码？好了，它意味这你可以随便自定义你的编辑器主题和样式，因为你可以通过审查元素，找到编辑器各部分的样式表。Atom允许你通过LESS样式表(style.less)自定义风格，你可以全权控制你的编辑器。编辑样式表很简单，只要找到菜单 Atom > Open Your Stylesheet，并做你想要的修改即可。

.editor {

.meta.tag.sgml.doctype.html { font-size: 26px; }

}

在上例中，我更新了.editor类，增加了DOCTYPE的显示样式，我把字体大小调整到了26px，故意弄的很大。以下图片就展示了样式更新后，打开HTML代码是怎样的：

正如你所看到的，你可以随便更改Atom的自定义配置，它的核心技术只是HTML和DOM。

随着能够安装新主题，Atom还提供了一个内置的包管理工具，允许你扩展编辑器的功能。这类似于Sublime的Package Control，但与之不同的时这个包管理工具以及内置在编辑器里面了，不需要另外执行一段代码来安装。

安装一个包非常简单，只需要点击Install按钮即可。编辑器还提供了搜索功能，还有一些推荐安装的包。

如果你希望通过命令行来完成这些工作，Atom提供了一个命令行工具，名叫apm(Atom Package Manager)，以下就是安装包的命令：

apm install

目前，可安装的包数量非常少，不过将来会有希望增加更多。

你可以找到比如以下这些比较不错的包：

还有更多。Atom作为一个新的编辑器，我无法得悉Sublime扩展包的作者们把他们的作品移植到Atom需要多长时间。事实上，已经有文档说明如何把TextMate的Bundle移植到Atom上。由于许多TextMate的Bundle和Sublime是兼容的，似乎可以想象，Sublime的扩展包也可以通过此方法移植。但是别抱太大希望，我自己也没有试过。

这也许会是插件开发者们的一个福音，他们可以为新的Atom开发新的插件包。现在Atom还处于萌芽期，仍缺少许多重要的插件，比如linter或代码高亮。这是一个开发者们可以填满的空当，我想在不就的将来Atom将会拥有很多的插件包。

快捷键也可以自定义，其使用一个文件~/.atom/keymap.cson来定义。你可以自己手动打开此文件，或者通过菜单Atom > Open Your Keymap。打开这个文件之后，里面将会有一些示例给你展示如何编辑快捷键。

有一个你需要记住的快捷键就是Command-Shift-P，这是一个可以呼出命令面板的快捷键，命令面板将会显示所有可用的功能和其快捷键。

官方的入门教程给你提供了基础的使用指引，非常值得阅读。不过需要记住的是，目前Atom项目的文档还是相当简陋的，所以部分功能还需自己试验的，遇到错误在所难免。

与其他编辑器的对比

很多人可能会问，Atom和我喜欢的编辑器对比会怎样？当然Sublime还是我最好的选择，Atom虽然是一个相当不错的测试版产品，但是我仍不急于更换。Sublime有很好的内置功能以及丰富的插件包和活跃的社区，是一个非常成熟的编辑器。

话虽如此，但Atom由Github维护的，拥有强大的后台。那里有很多的编程爱好者，是极客们的荣誉所在地，我相信我们在不久的将来Atom将拥有不少新的插件包，尤其考虑到Atom是使用Chromium和Node构建的，优势可想而知。

目前，因为还是Beta阶段，所以Github免费提供Atom，给开发者们一个免费试用以及开发插件的机会。如果其保持有竞争力的价格，且迅速建立起庞大的插件库，我想Atom将会成为我的新宠。

Atom for Mac 下载地址：