常用的前端开发工具（浅谈前端开发最常用的几款编辑器）

常用的前端开发工具（浅谈前端开发最常用的几款编辑器）说完atom的漂亮，不得不说下Sublime有过之而无不及，相对Atom来说算是老大哥了，Sublime也是跨平台开发的代表之一，也是HTML和散文现金的文本编辑器。现在出到Sublime3了，它可以定制软件内的任何东西：密钥绑定，菜单，代码片段等等，所有的内容都能使用JSON文件进行自定义，这个是比较灵活的，跟VSCode挺像的。也有着普遍的特性：拆分编辑，插件增强，多项选择等。我通常用它来打开特定的代码段，速度快而且配色好，性能好评。花里胡哨的动效不过听说有些公司不让用HBuilder，网上称其原因是用‘5 Runtime’打包APP的时候需要把源码上传，这个本人还未考证，希望各路大神评论指点。官方截图（看着还是挺舒服的） Atom是github专门为程序员推出的一个跨平台文本编辑器，开源免费，通过丰富的插件机制可以完成各种语言的开发。第一给我的感觉是小清新，UI设计的很漂亮，小文件还

所谓“工欲善其事，必先利其器”。一款好的编辑器就像一把好武器，往往能让我们的开发过程中事半功倍，用的舒心，敲的放心。今天汉堡给大家分享6款使用过的编辑器的感受，看看下面几项爆款有没有你正在使用的。

Adobe Dreamweaver（DW）

这是小编前端入门时的第一把武器，好几年没用它了。Adobe是一个大家族 相信大家都有接触过其中的产品PS AR AE等，其中DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。现在最新的版本是CC2018，还是要收费的，不过有破解版你懂得。整体用起来就是感觉什么都支持，但什么都不太专业。可以快速的搭建运行网站，这个对新手还是挺好的，直接可以看到HTML的实现效果，而且可以可视化拖动边框、间距等，不过跟实际的浏览器展示又不同，这个比较坑。

Dreamweaver

HBuilder（HBuilderX）

HBuilder是DCloud推出的一款功能丰富、集成开发环境多平台开发的易学易用的开发工具，其主体是由Java编写的。HBuilderX是新版，X代表下一代。国人写的IDE而且免费，国货嘛，肯定要支持下啦。所以体验了一段时间，它有着强大的语法提示，动态计算类型之类的，开发效率快，不过这些优点后面说到的几款也有具备，HBuilder内置了语法浏览器兼容库，每个语法在每个浏览器可用都有提示。就是偶尔在开发的时候稍微有些卡顿的现象。整体来说还是比较友好的。

不过听说有些公司不让用HBuilder，网上称其原因是用‘5 Runtime’打包APP的时候需要把源码上传，这个本人还未考证，希望各路大神评论指点。

官方截图（看着还是挺舒服的）

atom

Atom是github专门为程序员推出的一个跨平台文本编辑器，开源免费，通过丰富的插件机制可以完成各种语言的开发。第一给我的感觉是小清新，UI设计的很漂亮，小文件还好，大文件的话整体性能不是很好，会出现卡顿，并且高亮和标签匹配上会些小问题，还是稳定性这一块

花里胡哨的动效

Sublime Text

说完atom的漂亮，不得不说下Sublime有过之而无不及，相对Atom来说算是老大哥了，Sublime也是跨平台开发的代表之一，也是HTML和散文现金的文本编辑器。现在出到Sublime3了，它可以定制软件内的任何东西：密钥绑定，菜单，代码片段等等，所有的内容都能使用JSON文件进行自定义，这个是比较灵活的，跟VSCode挺像的。也有着普遍的特性：拆分编辑，插件增强，多项选择等。我通常用它来打开特定的代码段，速度快而且配色好，性能好评。

官网配图

WebStorm

WebStorm是jetbrains旗下一款JavaScript开发工具，其他的可以说是文本编辑器，但这个不需要配置插件和快捷键的，直接进入生产。IDE和Editor是不能拿来比较开发功能的，WebStorm内置功能强大，对业界最新技术支持到位，例如SASS NodeJS CofferScript等等，另外支持css js重构，文件结构分析，也正是因为内置继承强大的功能，所以侧重轻便和编辑的你可能不适合用这款开发工具，常驻内存300M左右。可能有个不好的就是：收费太贵，不过在各位大神们照样用的飞起。

Visual Studio Code

最后一款，要介绍下小编正在使用的vsCode，跨平台代表之一，相信不少同行也正在热衷于它，在最近一两年，vsCode实在是太火了。界面简洁明晰、操作方便快捷，设计得很人性化。之前由于开发前后端不分离用的VS2015，我的天，怪我的电脑太差咯。打开一个大项目都要大半天，而且很占内存。而vscode非常重视前端开发，超级多好用的插件，社区也很活跃，凭借扩展可以从一个普通的代码编辑器变成为一个轻量的IDE，找时间要写下一些好用的插件集锦。另外它的调试功能不亚于各类IDE，其次，打开大文件没压力，基本秒开。对前端这么友好，没理由不用。

vscode插件拓展

---

其实每个编辑器或ide论其优缺点都可以单独成文。小编的观点是每个人的感受体验都不同，每个工具都可以尝试一番，选择自己用的最顺手的武器即可。编程，应是一种享受。

小编陈汉堡，爱编程，爱折腾。走过路过点点关注，每天一点小分享。