阅读 3838

向你安利了一个编辑器,并丢给你一堆插件

关于编辑器

Atom是github在2015年推出的一款跨平台开源编辑器,具有简洁和直观的图形用户界面,支持宏,自动完成分屏功能,集成了文件管理器。

支持Mac,Window,Linux操作系统。更主要的是,暂时是免费的哟,不需要付费,也不需要资金短缺的同学费劲的寻找科(po)学(jie)资源。

它有着很多很多无法让人忽视的优点,可以让你的编程生活变的更有意思:

  1. 超赞的颜值,可以说,现在的编辑器里,它的颜值敢说数一数二的了,颜控必备,无可挑剔。

  2. UI上流畅的微交互动画,带你进入程序编译的2.0世界,友好的Error提示框,弹出的BUG也显得那么可爱。

  3. 丰富的Packages,琳琅满目的插件,可视化的UI安装界面,又傻又白又甜,满足你各种姿势各种需求。

  4. github官方出品,git原生支持,这点的好处还用多说吗。

  5. 无数的界面样式主题,一种主题比一种好看,跟换壁纸一样随便换,不再枯燥你的视觉,打开你的脑路逻辑。

  6. 中文社区支持,英语不好的玩家不用再烦恼如何科学上网如何翻寻让人头疼的英文官网和社区。官网:https://atom-china.org/ (或搜索Atom中文社区)

  7. 高级、高端、上档次。

当然,不可避免的,它也有缺点。比如,因为它的来源,注定对SVN支持的较差,如果你很依赖SVN,那么它可能不是那么适合你;由于某些它的架构无法克服的原因,可能比Sublime慢一点,配置不太好的机器偶尔会卡一点。当然现在已经优化的非常好了。

开源社区github:https://github.com/atom/atom

中文论坛:https://atom-china.org/

官网:https://atom.io/


对于颜值,我想单独说一下,很让我惊讶。作为半拉程序员,半拉设计师,我是对交互流畅且界面颜色对用户友好的编辑器很有青睐的,刚接触到Atom的时候,我乐此不疲的调换着各种颜色各种操作,研究它的交互方式。令我意外的是,它对第一次接触它的编程者,出奇的友好。

关于视觉的表现层,你可以直接从下面的图片看到它的多样性,每一种模式,无论是dark,还是light,都透露着非常小清新的味道,先不看它的内部,单看最浅层最直接面向用户的操作体验和视觉效果,无疑是让人耳目一新独一无二的。我很高兴,因为这样的朝气蓬勃也让我编码的时候充满活力。

这么推荐它,当然不止颜值。无论是它和Sublime的快捷键完全兼容,Project的管理更加直观,重用npm社区的资源,更新快,还是它非常友好的操作方式和github的声誉加成,都让其有望成为最好用的编辑器之一。

A hackable text editor for the 21st Century

强大的社区支持注定不会普通,如果你还没有一个好上手用得惯的编辑器,快试试我的安利吧。


关于主题

你可以在Atom官网上找到很多很多非常棒的UI主题,他们的配色都超级赞,你可以浏览器上看到配置上它们的样子后,再决定你要不要装上其中的某一个。这些是由开发的项目组官方和喜爱Atom的用户们一起调配的,有很多特别棒,比如我就很喜欢 atom-material-ui 这个主题,如果你喜欢的话,你也可以装一个酷酷的它来装饰你的代码。

主题官网:https://atom.io/themes

那么如果喜欢一个主题应该如何安装呢?

你可以在Setting的社区资源Install里,找到Themes,然后搜索到这个主题。点击install安装到你的Atom上。非常简单吧,安装后,可以在Setting的Themes板块里配置它,并选择你喜欢的界面样式。

当然如果你喜欢与众不同,希望自定义自己的界面的话,也可以方便的在这里更改UI的配置,任何RGB颜色都支持!无论是大红大紫,还是满屏原谅色,全部满足你,嗯~~这真是太棒啦。


关于插件

Atom最引人注意的一点就是它庞大的插件支持,在这里几乎你能找到任何你想找到的编辑功能,为了增加文章的干货程度,我为大家简单的介绍几个非常好用的插件,你可以在安装了Atom后第一时间安装它们,来丰富你的编程生活。

1、atom-ternjs

这是一个前端工程师必须的插件,它有着对ES5、ES6、Node.js、JQuery、Angular的语法支持,这是必备的,所以你需要安装它。

官网:https://atom.io/packages/atom-ternjs

github:https://github.com/tststs/atom-ternjs


2、atom-beautify

这个是强迫症,处女座的最爱。你可以使用它一键整理格式化你杂乱的代码,无论之前它有多么糟糕,有多么不堪入目,都可以一键整整齐齐,就像规范的那么回事一样。

官网:https://atom.io/packages/atom-beautify

github:https://github.com/Glavin001/atom-beautify


3、open-in-browsers

一键在浏览器打开你编写的静态页面,非常的方便快捷,真是很棒的功能。当然如果你在用某个框架的话,那么这个用处不是很大。


官网:https://atom.io/packages/open-in-browsers

github:https://github.com/skandasoft/open-in-browsers


4、Emmet

啊,Sublime的用户肯定非常熟悉它,这是喜欢使用Sublime的小伙伴大多数都会装的一个插件,它可以简略化你编写的代码,大幅度提升编程的效率,高效的前端工程师必备组件,具体的语法可以在官网上查看。

官网:https://atom.io/packages/emmet

github:https://github.com/emmetio/emmet-atom


5、file-icons

这个真是太棒了,我超喜欢它,他可以让你的project变得非常可视化,一目了然。生活有时候就是多点这样的颜色点缀才精彩,不是嘛?

官网:https://atom.io/packages/file-icons

github:https://github.com/file-icons/atom


6、highlight-line

再也不担心加班码代码找不到自己码到哪行啦,明晃晃的提示你的所在行,真贴心。

官网:https://atom.io/packages/highlight-line

github:https://github.com/richrace/highlight-line


7、highlight-selected

也不用担心你找不到单词和光标了,双击就选中,Copy更加方便快捷,体验深更半夜手指飞快的在键盘上敲打的感觉。


官网:https://atom.io/packages/highlight-selected

github:https://github.com/richrace/highlight-selected


8、activate-power-mode

很酷的一个插件,打游戏一样的码字快感,酸爽的连屏幕都在随着你的手指震动,噼里啪啦的简直不能太痛快,还没体验过的同学赶快体验一下吧。啊哈对了,还有Combo呢。


github:github.com/JoelBesada/…



关于插件安装失败


安装插件弹出Error的时候不要慌,使用可视化的界面进行安装的方法有时候的确会出现这种错误,你可以试试命令行的安装,参考一下论坛的帖子,感谢这位作者的分享。

CSDN:http://blog.csdn.net/loverain90/article/details/73028414


关于 Atom编辑器 的开发工具推荐,暂时就整理到这里,还有什么你喜欢用的插件想安利给大家欢迎评论留言,我试用过后就会添加到文案里,谢谢大家的阅读。





关注下面的标签,发现更多相似文章
评论