atom插件的安装方法
1.在https://atom.io/packages/ 搜索想要的插件
2.通过命令行进入atom的插件目录,packages目录,即: C:/Users/你的用户名/.atom/packages/
3.已git-plus为例,在packages目录输入apm install git-plus 就可以直接安装插件
如果输入时出现apm不是命令时,需要设置apm的环境变量
设置方法:
1.找到atom的bin目录,通常在C:\Users\你的用户名\AppData\Local\atom\bin;
2.打开windows的环境变量,在path中加入上面这个路径即可。
simplified-chinese-menu
这个组件对于大多数人来说是最爱的,毕竟我们是天朝子民,而且它也是Atom所有的翻译组件中最全的(翻译组件很多,我认为是最好的)
minimap
说起这个插件很多用过sublime的,如果没有这个东西估计会很难受,就是右侧代码浓缩框,我也纳闷为什么Atom不直接集成
atom-beautify
Atom代码序列化,支持的语言还是很多的,也是下载量最多,毕竟用的人说就说明好吧,并且它的配置选项很全,我们可以很轻易的个性化设置
linter
很多人都会担心如果代码写错了,谁知道呢,这也是前端最怕的,也是很多大IDE鄙视小IDE的,这个组件轻松帮我们解决了这个文件,它可以轻松指出我们代码中的错误,不过它只是主模块,具体你想验证什么你的现在相应的分支,充分适应你的环境
本人最近在玩jsx和html所以下载了linter-htmlhint、linter-jsxhint
jshint
怎么说了这一款js验证组件也是很不错,所以我也就一起用了,并且他是支持jsx最好的我目前发现
atom-ternjs
怎么说了,js的框架太多了,好多框架都没有提示,一个字就是不爽,Atom的本身的智能提示还是不错的,本身就支持,支持快速添加第三方js插件监听
color-picker
颜色查看器也是必不可少的
autoclose-html
html的xml标签在html上的监听结束可能很不错,但是在js就里面书写html就没有效果了,这个组件就可以轻松解决
autocomplete-paths
书写文件路径太头疼了,谁记得那么长,用这个就很方便了
emmet
这个组件我就不想多说了,上一篇文章有介绍,快速书写html和css很有帮助。
atom-html-preview
看到这个组件,让我以为我在用dreamware,哈哈,又有点像asp.net
atom-ctags
快速监听方法和快速跳到你的方法,我在上一篇的sublime也有介绍
jquery-snippets
这个组件我就不想说了,用的太多了
activate-power-mode
如果写代码,你觉得没意思,这个可以给你带来快感
react,language-babel,jshint
因为最近在深究react,所以编译器下载这三个组件主要作用(jsx验证,快捷代码提供,代码format序列化)
html-to-string
html代码快速生成js字符串,看到好多人拼接,好难受
tool-bar,tool-bar-main
有些人喜欢复杂的功能界面这样可以提供便捷,但是有些人喜欢快捷键
因为暂时用在项目不是特别的多,目前还只是个人使用阶段,还有些插件就不一一介绍了,大家感兴趣的话自己去查看吧。
https://atom.io/packages