- 1、simplified-chinese-menu
- 2、tree-view-finder
- 3、minimap
- 4、linter和linter-jshint
- 5、linter-js-standard
- 6、git-plus
- 7、file-types和file-types-icon
- 8、emmet
- 9、autoclose-html
- 10、atom-ternjs
- 11、atom-html-preview
- 12、atom-bootstrap3
- 13、Remote-FTP
- 14、autocomplete-paths
- 15、atom-beautify
- 16、jquery-snippets
- 17、autoprefixer
- 18、color-picker
- 19、activate-power-mode
1、simplified-chinese-menu
Atom的简体中文语言包,完整汉化,兼容所有已发布的版本Atom。
2、tree-view-finder
左边菜单栏显示方式,类似Mac OS下的finder。
01.tree-view-finder
3、minimap
类似sublim text右边的代码缩略图。
4、linter和linter-jshint
该插件是用jshint来检查代码,想必大家都听说过jshint代码检查工具,它有一个配置文件.jshintrc,这个文件告诉jshint执行的检查规则。通过jshint能发现代码中存在的问题,可以及时避免bug的发生。linter-jshint插件基于atom规则来使用jshint,该插件可以在项目根目录下新建一个.jshintrc来告诉检查规则,也可以不用创建此文件来进行代码检查。
注意:linter-jshint是依赖linter插件来使用的,也就是说必须先安装linter插件;因为linter是一个粗糙的检查,有很多针对专门项的代码检查,如linter-csslint、linter-php等等
02.linter和linter-jshint
5、linter-js-standard
用来使javascript代码格式化。
6、git-plus
提供git版本控制操作的命令,个人感觉不是很好用,还是terminal比较习惯。
7、file-types和file-types-icon
file-types用来区分文件类型的,file-types-icon用来给不同的问题类型添加不同的图标。
03.file-types和file-types-icon
8、emmet
这款插件是用来支持zend-coding,Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度
9、autoclose-html
html标签自动比较。
10、atom-ternjs
该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来,能对一个对象对外提供的接口有一个选择过程,可以理解为js代码自动提示。
11、atom-html-preview
html页面预览。
12、atom-bootstrap3
bootstrap3代码提示插件。
13、Remote-FTP
ftp管理工具,命令和图形化界面都支持。
13.Remote-FTP
PS:具体使用方式,参考官方说明或留言。
14、autocomplete-paths
文件路径自动提示。
14、autocomplete-paths
15、atom-beautify
代码格式化。
15、atom-beautify
16、jquery-snippets
jquery代码提示,安装完之后要重新启动Atom。
17、autoprefixer
浏览器兼容。
17、autoprefixer
18、color-picker
取色器。
18、color-picker
19、activate-power-mode
代码在跳舞
19、activate-power-mode