干货｜值得前端开发者学习的8个工具（超好用）

黑马程序员视频库

播妞微信号：heiniu526

传智播客旗下互联网资讯、学习资源免费分享平台

Web前端开发由于较大的市场需求，以及较高薪资待遇，吸引了大量的同学加入学习。

工欲善其事必先利其器，无论是初学前端的小白亦或资深前端开发人员，掌握一些常用工具，必定可以更高效的完成工作。

下面小编就和大家分享一下web前端开发8个必备的工具，一起来看看吧！

 Bootstrap 

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

 Foundation 

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

 Cloud9 IDE 

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

 Notepad++ 

Notepad++ 是一款程序员常用的非常有特色的编辑器，并且是一款是开源软件。包括前端、后台等等开发人员都是必备的。它支持的语言包括: C、 C++、Java、C#、XML、HTML、PHP、Javascript。

 Visual Studio Code 

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

 GIMP 

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

 SecureHeaders 

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

 Fontello 

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

这8款常用的软件中

你现在正在使用的有几个呢？

掌握技术是一个程序员必备的技能，但是在实际的工作中能掌握更多工具，将会大大提高工作效率。所以大家一定要掌握这8种常用的工具哦~

END

黑马程序员13个热门学科

火热开班中

598元 基础班课程

免费领学费抵扣券

现只需28元立刻学习

立即扫码咨询