刚接触前端开发，如何选择编辑器以及几个Atom经常使用插件推荐

程序员圈子内的编辑器之争，已是由来已久，把它做为一种文化现象来看，还蛮有意思的。程序员不少见面尬聊也颇有可能会聊到彼此用什么语言，而后分别用什么编辑器。简单来讲，这个话题是个打开话匣子的好工具，并且颇有可能能从对方使用的编辑器上边分析出来对方的性格，阶级，思想倾向什么的……
可是，做为一个初学编程的程序员，应该趁早远离无畏的编辑器之争。争论谁是最好的编辑器毫无心义，毕竟编辑器只是一个工具，用它写出来真正有用的代码比用有用的编辑器写出来垃圾代码要好的多。

2017 年谁才是最好的编辑器：

对于刚学编程的人来讲，首先要开箱即用，并且默认配置就足够的好用，同时又能提供足够的扩展性。单就这点来讲，其实最古老的两款编辑器，Vim 和 Emacs 都不怎么适合初学者。就这点而言，若是你是作web开发的话，其实我是极度推荐 JetBrains 的 WebStrom 和他家的其余IDE的。缺点是有点小贵，目前官方售价是59美刀，包含一年的升级，以及终身的使用权利，并且若是你是学生，能够经过校园邮箱来申请使用。

其次，要有丰富的社区支持。丰富的社区支持意味着出了问题，并不须要亲自动手来解决，你踩过的坑可能已经有一百我的踩过了，解决起来很方便。同时，这也意味着丰富的插件。这方面的来说，Vscode 作的是最好的，不光提供了丰富的社区支持，并且还有全职开发人员来进行软件的开发。Atom 虽然比 Vscode 早出现，可是性能始终成为瓶颈，目前各方面均已经被 Vscode 赶超。

而后，速度要快。为何咱们要使用文本编辑器，而不是直接使用 IDE 呢？其中一个缘由就是由于快，IDE 相比文本编辑器而言过重了，并且对于普通的代码编辑而言，极可能有百分之九十的功能都是咱们平时用不到的。单从速度来说，Sublime 由于是界面是系统原生实现的方式，而不是像 Atom 和 Vscode 用 Electron 这样的web的跨平台技术实现，因此性能确定是三款编辑器里最好的。可是，Vscode 作得优化足够多，和 Sublime 的性能差距已经不是那么大了。

最后，跨平台特性。能够说主流一点的编辑器都已经至少支持了三大平台(Windows, Linux, Mac)了，因此这一点不用太多考虑。

以上咱们说了那么多，其实我最推荐的仍是 WebStrom 虽然它严格意义上来说不算是编辑器，并且须要付费使用，可是比起折腾编辑器所花费的世时间来看，其实仍是很值的。其次推荐 Vscode ，一方面是插件数量多，另外一方面就是由于他是微软提供支持全职团队来开发的一款编辑器，普通的开源项目很难有这个待遇。最后就是 Atom ，虽然目前来看 Atom 各方面都被 Vscode 赶超了，可是它极度的可定制性是 Vscode 比不上的，Vscode 为了保证性能，并不会开放全部界面相关的 API 给开发者调用，能够说和 Vscode 相比， Atom 更接近于现代版的 Emacs，提供了无限的可能性，随便开发者怎么折腾。至于 Sublime ，咱们感谢它带来了编辑器体验超级好的这个时代，可是毕竟他是收费软件，因此除了情怀，没什么选择它的理由。

而后说说 Vim / Emacs ，这两款上古时期的编辑器，虽然他们都高度可定制化，可是因为特殊的操做方式，致使学习门槛过于陡峭，不太推荐初学者学习。可是你若是想了解 Linux 文化，或者提升逼格（误），其实也是能够去尝试一下。特别是 Emacs 提供的 Org-mode，相似于 Markdown 的文本语法使得他能够用到任务管理，记帐，记日志等方面，被人们称为文字编程。因此也特别值得去尝试一下。

几款Atom经常使用的插件

这几款插件很是经常使用，几乎是做为前端开发必装的一些插件。虽然这里作推荐是基于 Atom 编辑器的，可是其余编辑器应该也是很容易找到相同，或者同类型的插件。

sublime-style-column-selection

一个提供竖排方向选取的插件，从sublime移植过来，配合多点编辑很好用。

highlight-selected

高亮当前显示行。

zentabs

Tab 栏数量管理工具，保持 Tab 栏的清洁。

sync-settings

设置同步工具，换了新的机器，只须要安装这一个插件，全部的插件和编辑器配置都回来了。

atom-beautify

代码美化插件，提供超多的代码支持。

change-case

改变代码大小写的工具，Ctrl + c / v 型程序员的最佳搭配。

prettier-atom

js代码格式化工具，生成漂亮规范的js代码。

pigments

颜色显示，自动补全，选取工具。

minimap

右侧栏代码缩略图。

file-icons

文件管理器的图标支持。

atom-ternjs

js的静态文件分析系统，能够实现自动补全，文档提示，以及定义跳转等功能，缺点是比较卡，并且配置起来仍是比较麻烦的。

autocomplete-modules

路径的自动补全工具，对于采用模块化开发的项目颇有用。

react-snippets

React 的代码段。

language-babel

Jsx 的自动补全。

linter-eslint

代码检查工具。

editorconfig

针对项目来统一编码风格。

docblockr

js文档生成器。