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#

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180724G1REVN00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券