atom各种有用的插件

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-htmlhintlinter-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
如果写代码,你觉得没意思,这个可以给你带来快感

reactlanguage-babeljshint
因为最近在深究react,所以编译器下载这三个组件主要作用(jsx验证,快捷代码提供,代码format序列化)

html-to-string
html代码快速生成js字符串,看到好多人拼接,好难受


 
tool-bartool-bar-main
有些人喜欢复杂的功能界面这样可以提供便捷,但是有些人喜欢快捷键

因为暂时用在项目不是特别的多,目前还只是个人使用阶段,还有些插件就不一一介绍了,大家感兴趣的话自己去查看吧。
https://atom.io/packages

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容