Atom安利与插件 总第6篇

【番外：工具篇】 Atom安利与插件。

本文大概1000字，阅读时间4分钟。本文面向读者，前端入门。

写在前面

工欲善其事，必先利其器，除了webstorm，sublime，小编今天学会用了新的武器——atom，迫不急待的与读者分享使用体验。

为什么我们有了sublime、webstorm，还要学习新工具？这就像有了小刀，屠龙刀，为什么我们还需要倚天剑？每把武器的使用对象不一样，小刀用来行刺不错（sublime），屠龙刀用来屠龙很好（webstorm），倚天剑用来杀人顺手（atom）。

一直以来，我都用webstorm作为自己的开发工具，听闻atom已久，今天同事推荐了我使用，是就从网上下载试了试，用了一段时间后，发现很不错，于是赶紧写下这篇文档，推荐给大家。

Atom是什么？它是一个无线扩展的文本开源文本工具，美化代码、智能提示、智能补全等等。

下载安装

首先，到官网https://atom.io/下载适合自己电脑的atom版本。

下载下来的安装步骤就不说了，安装好之后，此时atom还并不是你最终想要的样子，刚才上面也说了，atom强大就强大在无限的插件，方便我们的coding。

使用流程

三个推荐插件的使用

1、atom-beautify——代码美化

按照上图路径找到atom-beautify的设置，在设置里面语言列表中找到你希望美化的语言，点击语言右侧的星花✿标志展开具体设置项，建议勾选上Beautify on Save。（不要滥用这个方法，虽然能在保存的时候自动格式化代码，但是vue文件不支持！仅建议在html文件下保存使用该方法）

emmet的语法可以看这里https://docs.emmet.io/abbreviations/syntax/，这是官网的语法说明，都是英文，如果看不懂或者感觉吃力，大家也可以到网上找一找，很多关于emmet的语法使用。

minimap就是代码右边的略缩代码块，能方便的让你跳转到需要的地方。

插件推荐

小编使用过程中用了以下插件，其它插件大全推荐另一个大神写的插件包，祝您下载愉快。

ps:插件这东西，就像游戏一样，越下载越上瘾，够用就好。

autocomplete-modules——自动补全

emmet——HTML、CSS代码补全

minimap——迷你地图

atom-beautify——代码格式化

参考资料

1、Atom编辑器之atom-beautify、emmet、atom-ternjs的安装和使用

https://blog.csdn.net/inhumming/article/details/78965810

2、这是一个适用于 Web 开发者的 Atom 插件列表

https://github.com/shery15/awesome-atom-packages/blob/master/README-zh.md#