常用的web前端工具有哪些？

在通往一个成功前端工程师的道路上，一个好的前端软件工具往往可以提升前端的开发效率以及代码的质量和性能。那么前端工程师需要掌握哪些软件工具呢？下面小编将向大家介绍十款必备的软件，即JavaScript、NodeJS、ReactJS、Angular 2、ES6、Grunt或Gulp、Babel、HBuilder、WebStorm和Dreamweaver。感兴趣就接着往下看下去吧！

1、JavaScript

JavaScript是属于网络的脚本语言，被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。同时它也是唯一一种所有浏览器都理解的编程语言，是前端开发的支柱，在深入其他语言之前好好理解这门编程语言非常重要。

2、NodeJS

NodeJS是一个服务器端平台，它允许你用JavaScript语言构建后端，许多前端工具依赖于NodeJS。NodeJS有非阻se塞，事件驱动/O等特性，从而让高并发（high concurrency）在的轮询和comet构建的应用中成为可能。想成为一个优秀的Web前端工程师，你至少要熟悉Node和它的命令行工具。

3、ReactJS

ReactJS是构建视图最流行的前端库，ReactJS是用ES6写的，可以用Babel转译为ES5，也可以用Babel转译为JavaScript的JSX。由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，它可能是将来Web开发的主流工具。

4、Angular 2

Angular 2是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过，并且有一条陡峭的学习曲线，全面支持双向数据绑定。

5、ES6

这是Javascript语言的扩展，而且许多浏览器正在实现ES6，你可以使用transpiler(转译器)如Babel来转换ES6代码为ES5代码。ES6是当前JavaScript语言的标准，也就是说使用JS的前端工程师需要了解、学习这些标准并遵循这些规范。

6、Grunt或Gulp

这两个是运行在Node平台上最为流行的任务运行器，从技术上讲，它们是针对npm的软件包。它们允许你自动化许多前端任务，如Lint源文件，串联，缩减，部署以及更多。

7、Babel

这是最流行的ES6到ES5转译器之一。此外，它还被许多框架，如React所推荐。需要注意的是Babel不仅仅是ES6到ES5的转译器，它也是JSX到JavaScript的转译器。

8、HBuilder

HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。

9、WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

10、Dreamweaver

Adobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。