Web前端开发常用工具有哪些？

Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习大军。无论是初学“小白”还是专业前端开发人员，好用的软件工具可以帮助他们更好地工作。

​

　　下面为大家介绍一些常用的Web前端开发工具：

　　1、Bootstrap

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

　　2、Foundation

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

　　3、Cloud9 IDE

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

　　4、Notepad++

　　Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用，开发人员都是必备的。支持的语言: C、C++、Java、C#、XML、 HTML、PHP和Java Script。

　　5、Visual Studio Code

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

　　6、GIMP

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

　　7、SecureHeaders

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

　　8、Fontello

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

“小编是从事了6年Web前端开发的前端开发工程师，现在整理了一整套系统的Web前端学习教程从最基础的到框架再到项目实战的学习资料都有整理，送给每一位小伙伴, 有想学前端编程的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。”

加QQ裙：410108038（招募中）