2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，前端由此发生了翻天覆地的变化。在这漫长的岁月里，前端开发工具也在不断的演变更新，作为一枚从事了3年多前端的工作者，总结一波目前比较火的几款前端编辑器。

一、HBuilder X

下载地址：https://www.dcloud.io/hbuilderx.html




简介：
DCloud全新推出的一款HTML5的Web开发工具 HBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本，HBuilderX 是一款编辑器和IDE的完美结合，体积小巧，启动秒开，默认包含优秀的字处理能力，创新众多其他编辑器不具备的高效字处理模型。




HBuilder X 这个编辑器是一款国产的编辑器，非常非常强大，国产之光，值得傲娇！轻巧，极速；强大的语法提示；专为vue打造等等优点…相当友好，人性化。作为uniapp的忠实粉丝的我，当然这编辑器也是少不了的！

二、Visual Studio Code

下载地址：https://code.visualstudio.com/




简介：
微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。




Visual Studio Code这款编辑器非常强大，基础功能完全满足开发者的需求，前后端皆可以使用。扩展性非常强，强大的插件库，只要有需求，直接搜索就可以一键安装。人性化的源代码管理器，有了它就完全可以代替git黑窗口想操作的一切。

三、sublime text3

下载地址：http://www.sublimetext.com/




简介：
sublime text是一个轻量级的编辑器，也是支持各种编程语言，sublime text所有的强大功能都是支持插件的，而且快捷键十分的好用，可以极大的减少开发的劳动程度，使用sublime就是要使用其快捷键和插件。




sublime text3的优点就是轻量级，但是它的功能强大，优雅小巧启动速度快，有着丰富的第三方支持，能够满足各种各样的扩展缺点是对于项目的管理等不是很方便，但代码提示不如HBuilder强大。我之前才出来工作的时候也是看到很些大佬用这款编辑器，试着学习使用了一段时间，在不断选择之后还是选择使用Visual Studio Code和HBuilder X。

四、WebStorm

下载地址：https://www.jetbrains.com/webstorm/




简介：
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。官方提供的插件支持，满足许多不会配置的同学，ESlint，词法高亮，emmet，CSS预处理器，新版本也添加了对ES6的支持，内建了服务器调试。




目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是这款编辑器我认为最大的缺点就是非轻量级，启动的时候在差点的电脑上面比较费劲，由于自带大量好用的功能，所以自身在我眼里是属于重量级。这也是我写代码的时候用的第一款编辑器，后面嫌弃慢就被我无情的抛弃了~