工欲善其身必先利器，作为前端行业的你，如果知道一些好用的软件工具可以帮助他们更好的工作。下面，就给大家分享Web前端开发工程师常用的工具。  

1、Bootstrap

Bootstrap是快速开发Web应用程序的前端工具包。它是一个css和html的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式、表单、buttons、表格、网格系统等等。

2、Foundation

Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI组件，如表单、按钮、Tabs等。

3、Cloud9IDE

Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器，可以在IDE中启动、暂停和停止。

4、Notepad++

Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言：C，C++，Java，C#，XML，HTML，php，Javascript！

5、VisualStudio

CodeVisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代Web和云应用的跨平台编辑器。

6、GIMP

GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图像处理所需的功能，号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。

7、SecureHeaders

SecureHeaders是Twitter送给Web开发者的一份大礼，作为一款Web安全开发工具，Secureheaders能够自动实施安全相关的header规则，包括内容安全政策(CSP)，防止XSS、HSTS等***，防止火绵羊(Firesheep)***以及XFO点击劫持等。

8、Fontello

Fontello是个图标字体生成器。这个工具允许用户把这些图标Web字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

链接: https://www.fly63.com/article/detial/3295