前端利刃-IDE与编辑器的前世今生

做为Web前端者，利刃是你最好的武器。

相比第一代所谓的前端开发者（网页制作）已经过去了许多年了，随着技术的不断进步与更新，涌现了许多优秀的开发环境，今天且让我们回忆一下不同时期开发环境的变化。

提到网页制作的年代就不得不提一下当年的开发神器，Adobe公司推出的Dreamweaver。（同样的Adobe也提供了大名鼎鼎的PS软件套）那是一个很难回忆的年代，我们使用着ASP.NET或者PHP来开发网站，做为网页制作的一员，我们需要提供的仅仅是静态页面以及少量的JavaScript代码，不得不提的是当年对于网页制作还要求会懂PS，由于你还需要会设计网页。

随着时间的推移有追求的开发者开始使用Notepad++来编写网页，你可以访问：
https://notepad-plus-plus.org/来获取这个软件。那个年代这是一个在Windows系统下的神器。它不仅支持了大量的语法高亮，还提供了许多很有价值的插件，列如上传到服务器，zen Coding等。

不知不觉中我们来到了开始有Web前端的这个年代，我们就像刚出生的牛犊，尝试了许多东西之后发现了UltraEdit，这个编辑器让我们对于工作的方式有了很大的提升，我信任许多老的工程师（PS：实则我也快30了）应该会记忆犹新。它依然是Windows下的一款编辑器，其内置了对HTML，PHP，JavaScript语法的支持，想当年在远光软件做企业级Web开发的时候，我们就开始有了做富客户端的经验（那时候还不叫SAP-单页应用）。随着JavaScript代码量的暴增一款好的开发环境至关重大，UltraEdit在那个年代对PHP和JavaScript的支持让我们有了选择。

当然如果很早之前就拥有了Mac我想你应该听说过TextMate（开发者赚够钱后将其开源，跑路了。），对于这款在Mac上的神级编辑器当年的地位不亚于vim和emacs，它提供了超级多贴心的功能，超级适合程序员使用。

2012年之后一款叫做Sublime Text的编辑器火了起来，我信任大部分（现代的前端开发者）都应该使用过它。它不仅提供了丰富多彩的插件，还有可以脱离鼠标的运用，内置了命令行可以快速的操控整个编辑器。Sublime Text有着超级舒服的用户界面，内置提供了许多强劲的功能，列如缩略图，Python环境，多窗口，多选择等。最重大的是它是一款跨平台的编辑器，在Mac Linux Windows上都可以使用。

Sublime Text对于前端开发者来说是一把利刃，当年的装逼程度也不亚于vim，在Github上也有许多朋友提供了超级有价值的电子书和资源收集。

随着网页技术的发展，越来越多的情况开始使用网页技术来开发，特别是Google提供了v8之后。玩过Github的人都应该知道，他们也提供了一款与Sublime Text超级类似的编辑器：Atom。Github的开发团队将 Atom 称为一个“为 21 世纪创造的可配置的编辑器”，它拥有超级精致细腻的界面，并且可配置项丰富，加上它提供了与 SublimeText 上类似的 Package Control (包管理)功能，人们可以超级方便地安装和管理各种插件，并将 Atom 打造成真正适合自己的开发工具。

微软也推出了一款编辑器，几乎是Atom的孪生兄弟，它都是使用了同一款框架来开发的编辑器，在使用体验上与Atom相差无几。不过VS Code提供了对TypeScript的原生支持（这是微软自家提供的一个JavaScript语言超集）和友善的Node.js调试功能。

IDE篇

要说IDE老当益壮的还是当年写JSP时用的myeclipse，当然也有一部分人使用着visual studio来写网页，不过这些都不是专门为脚本语言而准备的IDE。

Aptana可谓在当年风头一时，它提供了强劲的Code Assist功能，对于JavaScript，CSS的支持以及代码结构的显示，在当时的网页开发IDE中算是最好的了。只是可惜，它没有跟上发展的脚本，逐渐退出了前端开发者的视线。

如果要说瑞士军刀就不得不提WebStorm这款IDE，前端发展到今天已经完全改变了从前网页制作的局面，如果你想开发移动应用，有ionic，React Native等框架。如果你想写服务端，有Node.js给你提供支持。如果你想写桌面应用程序，一样有WN.js，Electron等框架。如果你想开发复杂的Web应用，框架多的让你眼花缭乱。这款IDE目前来说是市面上最优秀最好的面向前端开发者的IDE，除了常见的智能补全，代码结构之外，还提供了最强劲的集成，包括Git，上传服务器，构建，单元测试，本地调试等。

提到国内实则也有公司在做一款IDE：HBuilder，它集成了MUI框架，让你开发移动应用时可以超级简单和快速，据说也提供了最全的语法提示（表明没有使用过，有兴趣的朋友可以看一看）。

结语

实则从前端开发环境的演变来看，我们都可以明显的感受到前端正变的日益复杂，它需要专门的工具，专职的开发者才能做的一件事情。历史就是这样，滚滚长江东逝水，浪花淘尽英雄。

内置福利

言归正传我们在微信群中推出了《早读课》，每日分享一篇我们认真精选的文章（不仅限于前端开发类的），其目的是协助开发者来学习有价值的东西。想加微信群的朋友，直接添加我的微信号：icepy_1988，过后我会邀请你。

在后台回复福利，可以获取下载《全球移动技术大会2016》PPT集合。

另外安利个广告，我们很认真，严谨的提供了一个付费订阅服务《Mulgore Pro 订阅》，其目的是协助前端开发者提升你的知识结构和JavaScript水平，在这里你可以获取在市面上看不到的内容和资源，有资深开发者协助你Review你的代码和话题讨论。你可以点击菜单中间的Pro计划来获取详细的信息，我只能说一句：绝对的物有所值。

关注我们

扫二维码 或搜索 fed-talk ，关注我们的微信公众号，也欢迎你将它分享给自己的朋友。