推荐几个Atom插件,其中有让代码跳转到声明处的
2019-03-02 本文已影响1072人
Afterwards_xyz
以前一直用Adobe的Brackets, 电脑上装了几年Atom一直只是做为备用,最近写React开始使用Atom,觉得看上去格式更舒服。然后对Atom做了下功课,才知道Atom编辑器居然是用HTML+CSS+JS开发的,用的Electron。
然后看了篇文章叫:10 Essential Atom Add-ons(点击前往)。试用了里面的几款插件都超棒,再结合自己用的几款,给大家推荐下面几款能提高工作效果的插件。
1. 超级跳转系列
hyperclick, js-hyperclick, css-hyperclick, file-hyperclick, php-hyperclick, 这些能让你点击函数,文件引用,就能跳转到函数申明的地方。
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时,自动闭合标签能让工作更加惬意。
希望这一堆插件可以让你写代码更有劲。