ATOM常用插件推荐
github自从推出atom之后,就安装体验了一下,随着使用时间增加,渐渐收集了一些常用(大部分插件应该适合大家,一小部分插件感觉更加符合自己的口味),特罗列出来,供大家参考。
Atom 的简体中文汉化语言包,目前最全的汉化包。包含菜单汉化、右键菜单汉化以及设置汉化
![](https://img.haomeiwen.com/i1659230/15464557baec13a7.png)
![](https://img.haomeiwen.com/i1659230/e1a94a81998aa8fb.png)
![](https://img.haomeiwen.com/i1659230/2dd8247e0cd0b2ea.png)
代码格式一键美化,支持多种语言格式化,例如:HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL …
![](https://img.haomeiwen.com/i1659230/b3454e3f9ef47ac0.png)
光标自由切换到上一次/下一次编辑位置
![](https://img.haomeiwen.com/i1659230/d0ca35b6efa22822.png)
4. minimap
仿sublime text的缩略代码查看,想找的地方一目了然。
![](https://img.haomeiwen.com/i1659230/e0bc3e8291ed81f3.png)
实现minimap高亮选择内容,需安装前2个插件
![](https://img.haomeiwen.com/i1659230/842dd4bb6c532575.png)
屏振效果,打字带特效,输入时有震撼效果
![](https://img.haomeiwen.com/i1659230/704301753a29c842.gif)
7. color-picker
取色工具,在编辑器里面挑选颜色
![](https://img.haomeiwen.com/i1659230/e911552cbf9963f9.gif)
8. pigments
颜色显示插件,编辑器中直接查看代码所代表的颜色,工具虽小但是很实用。
![](https://img.haomeiwen.com/i1659230/1b92c43652bf624a.png)
选择某段代码自动高亮相同代码
![](https://img.haomeiwen.com/i1659230/262d97062ddfa272.gif)
10. emmet
HTML开发必备神奇,大大提高你的工作效率
加快web开发速度,提供snippet(代码片段)、abbreviation expand(简写展开)功能。
![](https://img.haomeiwen.com/i1659230/5e01dc8c3400803c.gif)
11. docblockr
智能代码注释,让注释更有规范
![](https://img.haomeiwen.com/i1659230/a824051d855ffec8.png)
12. project-manager
快速打开储存的项目
![](https://img.haomeiwen.com/i1659230/3da3e70cbd395de5.gif)
自动补全文件路径
![](https://img.haomeiwen.com/i1659230/c1e2ca7f82c193ec.gif)
14. atom-react-native-autocomplete
react-native代码补全插件
![](https://img.haomeiwen.com/i1659230/5500ee49b645d487.gif)
15. merge-conflicts
在 Atom 里面处理合并产生冲突的文件
![](https://img.haomeiwen.com/i1659230/4d57a0b7de0da3cf.gif)
16. script
在atom下运行脚本,支持多种开发语言。
![](https://img.haomeiwen.com/i1659230/454b557c7fd896e8.gif)
17. browser-plus
编辑器内置浏览器
![](https://img.haomeiwen.com/i1659230/f54a46508c634a21.gif)
18. ask-stack
在atom快速提问stackoverflow
![](https://img.haomeiwen.com/i1659230/33aa016cf3caf399.gif)
正则表达式图形化
![](https://img.haomeiwen.com/i1659230/a11ee9f5d90840cb.png)
快速的打开文件或新建文件,同时支持路径补全
![](https://img.haomeiwen.com/i1659230/dd45931b4d084ea7.png)
21. quick-highlight
代码高亮
![](https://img.haomeiwen.com/i1659230/6450b8bb7c8f3e14.gif)
Show found count on StatusBar.
![](https://img.haomeiwen.com/i1659230/4fe7be3c9220dec4.png)
终端工具
![](https://img.haomeiwen.com/i1659230/1434ef11940c50ef.gif)
23. open-in-browsers
在安装过的任意浏览器打开代码
![](https://img.haomeiwen.com/i1659230/bdb4e0522089e0f8.png)
Browser List in context menu
![](https://img.haomeiwen.com/i1659230/f2232e6220eb8eb1.png)
24. linter/ linter-eslint
代码错误提示,需要配合相应的规则插件进行使用,例如:linter-eslint(根据eslint规则进行js代码检验,需要安装linter插件)
![](https://img.haomeiwen.com/i1659230/d225e1d213fa7ebc.gif)
填写路径的时候有提示
![](https://img.haomeiwen.com/i1659230/70ed897d2e7d8bb0.gif)
26. hyperclick / js-hyperclick
这个两个插件配合使用,可以实现类似于IDE的Ctrl+click,跳转到变量函数声明或者定义的地方。
hyperclick示例:
![](https://img.haomeiwen.com/i1659230/2378c6d95ab1a3ba.gif)
s-hyperclick示例
![](https://img.haomeiwen.com/i1659230/8ba8e06abaa75bc2.png)
27. Sublime-Style-Column-Selection
局部选择插件
![](https://img.haomeiwen.com/i1659230/ce699eb6945436ab.png)
28. file-icons
左侧树状图下,根据文件类型左侧显示不同图标
![](https://img.haomeiwen.com/i1659230/73af027a95bbb523.png)
29. tool-bar
工具栏插件,需要配合其他插件
![](https://img.haomeiwen.com/i1659230/80f7155bbd09cf22.png)
30. flex-tool-bar
配合工具栏插件,自定义图标与事件
![](https://img.haomeiwen.com/i1659230/6f0ac773003b7505.png)
atom内置命令行工具
![](https://img.haomeiwen.com/i1659230/0e0bdb696a040686.gif)
32. language-javascript-jsx/language-babel
代码高亮,支持ES6,ES7, React JSX…
33. es6-javascript
ES6代码快捷键
34. react-snippets
react代码快捷键
35. atom-bootstrap3
bootstrap3 html自动补全插件
36. sync-settings
备份插件和配置备份,防止系统重装后需要重新查找插件,直接自动下载插件并且配置好atom
37. atom-ternjs
支持多种语言代码补全,例如:ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …
38. vim-mode
![](https://img.haomeiwen.com/i1659230/c26b3001457496f2.png)
有了 vim-mode 一定要装ex-mode和relative-numbers插件,前者让编辑器完美支持:w:s等命令;后者可以实现常规模式下的相对行号,用 vim 的自然会懂得其重要性。
![](https://img.haomeiwen.com/i1659230/ad0b261a7fec371b.png)
39. terminal-plus
cmd+shift+t开启新控制台
ctrl+`打开 /关闭 控制台
![](https://img.haomeiwen.com/i1659230/575a5846e520ce16.jpeg)
cmd+shift+j/k切换控制台
![](https://img.haomeiwen.com/i1659230/c8d8a2c72e9e553e.jpeg)
另外,通过导航栏还可以对控制台导航进行命名或设置颜色,非常方便。
40. tortoise-svn
svn插件
41. Git/github
git-plus—在 Atom 里面执行Git命令,不用来回切换终端和编辑器
![](https://img.haomeiwen.com/i1659230/4401a12160fcbd51.gif)
git-control—git面板
![](https://img.haomeiwen.com/i1659230/cc5a94e0b75fc544.gif)
tree-view-git-status—文件夹git状态
![](https://img.haomeiwen.com/i1659230/7392ac0729872eb8.png)
Settings:
![](https://img.haomeiwen.com/i1659230/b967025b73cad986.png)
gist-it—快速分享代码到gist.github.com
![](https://img.haomeiwen.com/i1659230/7425ad706dd7c1c2.gif)
图形化git提交记录
![](https://img.haomeiwen.com/i1659230/ac9f04d03183067c.gif)
monokai(主题)
monokay主题
![](https://img.haomeiwen.com/i1659230/43edfcf2e30b3c1e.png)
网友评论