近几年，网页应用程序在不断更新，由于应用程序的功能越来越丰富，也导致了HTML5前端开发的复杂度大幅增加。现在也有不少前端开发工具，比如Backbone和EmberJS框架都能提供稳定的App开发解决方案。同时，Javascript的应用也越来越常广泛，而且它还能和Node.JS在后端协同工作，快速搭建易于扩展的网络应用。
为了让入行新人能够更快的掌握Web前端开发，小编推荐五个优秀的前端开发工具，供小伙伴们参考。
框架类：Bootstrap
全世界最流行的响应式前端框架。基于HTML、CSS、JAVASCRIPT的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格。并兼容大部分jQuery插件。简洁灵活，使得Web开发更加快捷。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
代码编辑器：Codepen、VScode
CodePen是一个在线的HTML、CSS和JavaScript代码编辑器，能够编写代码并即时预览效果。可以用于在线展示的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。
VScode开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
性能测试：Google PageSpeed Insights
PageSpeed是谷歌的网页测试工具，通相信有接触前端开发的大神们都听说过Google的PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome扩展，叫PageSpeed Insights。PageSpeed Insights的Chrome扩展是由谷歌开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，过检测评分给你优化建议。
调试类：AtomAptana Studio
它是非常强悍的JavaScript编辑器和调试器，可以支持多种AJAX和JavaScript工具箱，包括JavaScript编辑和调试。具有智能代码完成、浏览器兼容性提示、代码错误提示、文档结构树等功能。
HTML5：HTML5测试得分能够提示您正常使用的浏览器对于HTML5标准和相关规范的支持情况的指标。
前端开发工具数量很多，这里只是推荐了小编觉得比较好的5个前端开发工具。如果你有更好的意见，欢迎给我们留言分享。
最后，如果有想一起学习web前端，HTML5及JavaScript的可以来一下我的前端群：733581373，好友都会在里面交流，分享一些学习的方法和需要注意的小细节，每天也会准时的讲一些前端的炫酷特效，及前端直播课程学习
如果想看到更加系统的文章和学习方法经验可以关注的微信号：‘web前端技术圈’或者‘webxh6’关注后回复‘2018’可以领取一套完整的学习视频