个人前端故事----优美的编辑器GitHub Atom

       不少前端的同窗都在用sublime text，我以前也在使用，可是后来接触到了Atom，就被它的高颜值深深的吸引了~~不愧是GitHub的工程师哦~审美就是高  Atom

       做为一个跨平台的编辑软件，安装和使用都是十分的方便，刚刚接触的同窗也很容易在上面找到sublime text的影子，这很是方便像我这样的人搬过来，那么最基础我就不介绍了，今天这篇就给刚刚接触Atom的同窗带来一些经常使用的插件，你会发现，原来Atom能够变得更美丽~~

插件篇

效果可在插件首页中查看

       atom-beautify：这是个美化代码的插件，几乎支持全部主流的语言，彻底能够知足前端同窗的使用。

       autocomplete-paths：经常使用IDE的同窗会经常在引入图片的时候发现只要输入 . 或者/ 或者文件夹名称的时候就会自动显示出文件夹中的内容，很是的实用，强烈推荐。

       autoprefixer：不少前端的同窗在写css样式的时候经常忘记了添加兼容性前缀，例如-webkit-等内容，因此在写完css以后只须要这个插件就能够自动的帮你添加好全部须要的兼容性前缀。

       color-picker: 做为一个有审美的设计向前端，经常须要确认本身的颜色属性是不是完美的，那么就须要这个插件，你就能够在任何一种颜色属性上看到一个完整的取色器。

       docblockr： 咱们不只仅要写代码，还要养成写好注释的习惯，而常常看开源框架的同窗会发现那些大神的代码前都会有一段完美的注释，写清了全部的参数和使用方式，你会以为大神不只仅代码专业，态度也是很是的认真，其实，有了这个插件，你仅仅须要一个tab键就能够写出同样专业的注释！强烈推荐！！！

       emmet：用sublime text的同窗都知道这个插件，我这里就很少说了。

       file-icons：你不以为每个文件前面都要有个漂亮的图标嘛~没错，你就须要它！

       grunt-runner：做为一个前端，grunt相信你们都据说过，由于这个插件你就能够直接在编辑器里面操做你的grunt任务了。

       git-plus：虽然原生的Atom就支持了git命令，可是这个插件会让你更加喜欢在Atom中使用git，这很是方便在Windows上使用git的同窗。

       linter：你以为你的代码写的很不专业吗？这个插件会自动提示你代码中不规范的地方，若是你但愿获得更完整的提示的话能够尝试更加详细的系列，例如linter-jshint

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

       minimap：用过sublime text的同窗必定知道右边那方便的缩略图，难道这么好用的工具Atom上会没有吗？不会！这个插件就会让你见到熟悉的缩略图，那么为何要用插件呢？由于这个插件能够继续安装插件！你会发现一个真正强大的缩！略！图！

package	说明
minimap-codeglance	用过Webstrom的同窗都会记得有个代码放大镜的功能，这个插件就会让你的鼠标移动到缩略图上的时候放大显示那边部分的代码
minimap-find-and-replace	当你想替换单词的时候你会想起ctrl+D，能够你知道全篇有多少你要替换的字符串吗？经过这个插件你就能够在缩略图上看到全部你选中的字符串
minimap-git-diff	经过这个插件，每当你修改你的代码的时候你就会在缩略图上看到和以前git中的区别
minimap-highlight-selected	当你选中部分代码的时候，它就会高亮的出如今缩略图中
minimap-linter	这个插件让你的缩略图显示的更加漂亮和完整
apm install	说了这么多，咱们如何给缩略图安装插件呢？经过这个命令就能够在命令行中下载安装你须要的缩略图插件了

      project-manager：作完一个前端狗，我相信你开发的不只仅只有一个项目吧~那么你就须要这个插件来在一个Atom中管理你全部的项目。

      javascript-snippets：这个插件也是我强烈推荐的！！！你觉得只有html才有Emmet吗？太年轻了你！这个插件会告诉你javascrpt也有Emmet同样的插件！只须要输入几个字母，一个tab就让你完成了一长串的代码！！

      expose：当你一次性打开多个文件的时候也许你会使用分屏来查看，可是我相信你的屏幕不会大到让你无限的分屏，那么就须要在多个文件中切换，或者是查看多个文件，那么你能够点击最上边的标签，那有没有更方便的呢？有的！！那就是这个插件，shift+atl+e，就是这个效果：

就问你！美！不！美！

       vim-mode：若是你是个忠诚的vim党，我相信这个插件你必定会喜欢的！

主题篇

       虽然原生的Atom就很漂亮了，可是既然Atom那么注重插件，主题用插件也是很常见的，在这里我就推荐我一直使用和十分推荐的一个主题，atom-material-ui，为何我还要用这个插件呢？由于这个插件不只仅配色很好看，更重要的是它有不少的动画，让你的编辑器更加生动，你会更喜欢它的，天天打码的心情都会好不少哦~

      可是有个注意的地方，若是你使用了酷炫的expose插件的话，须要在主题的插件中将

这里关闭，不然expose插件不会出现那么酷炫的效果。

结束

       今天就到这里了，最后上一张我目前编辑器的全家福~虽然费力几天的时间去调配本身喜欢的编辑器，可是我就是喜欢折腾这个漂亮的编辑器，天天打码都看着这个漂亮的家伙~不只仅心情愉悦~打码的效率都高了~2333~~

        <(￣▽￣)>