以前一直用Adobe的Brackets, 电脑上装了几年Atom一直只是做为备用，最近写React开始使用Atom，觉得看上去格式更舒服。然后对Atom做了下功课，才知道Atom编辑器居然是用HTML+CSS+JS开发的，用的Electron。

然后看了篇文章叫：10 Essential Atom Add-ons(点击前往)。试用了里面的几款插件都超棒，再结合自己用的几款，给大家推荐下面几款能提高工作效果的插件。

1. 超级跳转系列            

hyperclick, js-hyperclick, css-hyperclick, file-hyperclick(好像对js-hyperclick的跳转有影响,不用它吧),   php-hyperclick (好像不理想) , hyperclick-php (好像是好的)  goto-definition(好像不理想,安装上它吧)  symbol-gen(好像不理想,安装上它吧) 这些能让你点击函数，文件引用，就能跳转到函数申明的地方。

2. Seti 交互和主题             

虽然Atom内置了好多款主题风格，但是Seti可以让你的Atom看上去更优美，并且有非常多的文件图标包括SCSS, LESS, JSON, grunt配置文件，gulp配置文件等等。

                   

3. Minimap 代码地图

当你的代码写得太长时，一个显示在右侧的代码缩小地图对快速定位代码非常有用。

                   

4.Selected  HightLignt 高光选中

装了这个插件后，你双击选中一个词，他们把同一个词都高亮圈出来，并统计出本页面共有多少处出现这个词。

                   

5. Pigments 样式颜色显示

这个插件可以让你定义颜色时，直接在代码中显示出该颜色。Brackets编辑器中就自带这个类似的功能。

                   

6. Linter 代码格式纠错

Linter可以快速有效地提示你代码中的格式错误

                   

7. Auto-close HTML 自动闭合HTML标签

写HTML时，自动闭合标签能让工作更加惬意。

希望这一堆插件可以让你写代码更有劲。