码代码新神器-Github Atom

周末闲着没事，逛论坛发现了一个新的编辑器，由github发布的Atom编辑器。瞬间被吸引了，因此就去尝试着折腾了一下，后来发现这个编辑器确实很不错，他的特色就是两个字：优美！！！

下载地址，官方网站下载速度太慢太慢了。。。这里有个github的下载地址。要快不少 下载编辑器点这里

Atom介绍

Github的员工Nathan Sobo在Atom的博客中提到："Sublime和TextMate十分方便，可是扩展性不足；另外一方面，Emacs和 Vim扩展性很强却须要学习日程工做中不多用到的脚本语言。"所以，他们但愿找到一个平衡点，因而就有了Atom这个项目。

Atom 代码编辑器支持 Windows、Mac、Linux 三大桌面平台，彻底免费，而且已经在 GitHub 上开放了所有的源代码。它支持各类编程语言的代码高亮(HTML / CSS / Javascript / PHP / Python / C / C++ / Objective C / Java / JSON / Perl / CoffeeScript / Go / Sass / YAML / Markdown 等等)。

下面是优酷上Atom的宣传片，逼格好高的样子，老奶奶都写会css...:

我捣腾了这么久，说说本身的见解吧。做为一个一直使用sublime 编辑器的人来讲，转用Atom是很是的简单，Atom和Sublime功能很是类似，不少快捷键都是同样的。虽然他们现有功能差很少，而且sublime更加轻巧，可是我以为相比于sublime，Atom的优点也很明显，界面更加优美，功能强大，插件使用方便，可扩展性强等等。。。

优美

Atom装了expose这个插件以后，mac用户使用shift＋command＋e组合键能够获得意想不到的酷炫！！下面是截图为证，能够方便的看到每个文件大概的内容，快速选择已经打开的文件。方便！！！优美！！！

和git完美结合

Atom 编辑器能够和 GIT 完美结合，全部对代码、文本的修改都能体如今编辑器的界面上。

好比在文件内新写的代码会在左边标记为绿色，删除的标记为红色，修改的标记为黄色。在左边的目录导航也能方便的看到文件改动：有改动的文件其文件名和所在文件夹名都会被标记为高亮显示。

编辑器底部会显示当前所在分支和对文件的修改行数统计，对于 GIT 用户来讲很是方便。

基于WEB技术构建

和微软发布的Visual Studio Code编辑器同样，Atom 也是基于WEB技术（Chromium+Node.js）开发的，简单理解的话编辑器自己实际上是一个跑在本地的网页，这足以让无数 WEB 工程师为之兴奋！用户能够用Javascript来编写编辑器插件，而且github你们都知道，他是Atom的强大后台支撑，这里有着大量的编程爱好者，相信Atom的插件会持续的增多，Atom也会变的愈来愈优秀。

Atom推荐插件

安装插件跟sublime同样，能够在setting界面中，搜索安装，也能够快捷键shift＋command＋p跳出搜索输入框输入关键字进行安装。

atom-beautify:美化代码，格式化代码的插件。

autocomplete-paths:输入.或者/的时候，会自动提示路径和路径下的文件。很是好用！

autoprefixer:css样式的兼容性添加。当写好本身的css以后，会自动添加相似-webkit-等前缀的css样式代码。

color-picker:css中须要赋值颜色的时候，使用这个插件能够看到一个完整的取色器，实时的取色，改变。。。很是方便！

file-icons:左边工程目录的每个文件，若是有一个小图标表示就漂亮了，没错，就须要这个插件了。

git plus：固然是为了更好的使用git了。

markdown-format，markdown-writer：若是你不是Mac用户，而且十分喜欢使用markdown来写东西的话，那么你必定会爱上在Atom上写markdown的感受~~

linter: 自动提示你代码中不规范的地方，让你拥有更加规范的代码习惯。若是你想获得完整的信息提示，则推荐这个插件linter-jshint

minimap:用过sublime text的同窗必定知道右边那方便的缩略图，难道这么好用的工具Atom上会没有吗？不会！这个插件就会让你见到熟悉的缩略图, 并且功能更增强大！

插件	说明
minimap-codeglance	放大镜的功能，这个插件就会让你的鼠标移动到缩略图上的时候放大显示那边部分的代码
minimap-find-and-replace	当你想替换单词的时候你会想起ctrl+D，能够你知道全篇有多少你要替换的字符串吗？经过这个插件你就能够在缩略图上看到全部你选中的字符串
minimap-git-diff	经过这个插件，每当你修改你的代码的时候你就会在缩略图上看到和以前git中的区别
minimap-highlight-selected	当你选中部分代码的时候，它就会高亮的出如今缩略图中
minimap-linter	这个插件让你的缩略图显示的更加漂亮和完整

expose:当你一次性打开多个文件的时候也许你会使用分屏来查看，安装了这个插件以后使用shift＋command＋e就能够分屏查看。截图上面已经出现过，美不美！！！

atom-material-ui:这是一个主题插件,他有自带的一些动态效果，特别酷炫。话很少说，本身试试就知道。

终于废了老半天时间来搞这个编辑器，不过每装一个插件就能感觉其强大的时候，就以为很值得，下面是我使用这个主题的截图，很漂亮吧？

Atom快捷键

其实Atom和sublime的跨界件很是类似，好比我经常使用的cmd+d,这里只列出一些经常使用的快捷键。

ctrl+shift+s 保存全部打开的文件

cmd+\ 显示或隐藏目录树

cmd+b 在打开的文件之间切换

cmd+d 快速查找选中的内容

cmd+right, ctrl+E 移动到一行结束

cmd+left, ctrl+A 移动到一行开始

cmd+K, cmd+U 使当前字符大写

cmd+K, cmd+L 使当前字符小写

ctrl+shift+K 删除当前行

ctrl+shift+U 调出切换编码选项

cmd+F 在当前打开的页面中查找

cmd+shift+f 在整个工程中查找

ctrl+space 提示补全信息

ctrl-shift-M Markdown预览（前提是装了markdown插件）

若是有须要，你们去看这个连接吧，里面的快捷键总结很是的全面，想看点这里