一个好的开发工具可以帮开发人员省去非常多的麻烦，通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。不管你是多么优秀的前端开发人员，如果说你想要你的工作效率更高的话，那么就要挑选合适的开发工具了。今天给大家介绍Web前端工作中常用的开发工具大全。
1.Dreamweaver
Dreamweaver简称DW(中文译为“梦想编织者”)，是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器，2005年被Adobe公司收购。Dw是第一套针对非专业网站建设人员的视觉化网页开发工具，利用它可以轻而易举地制作网页。
2.WEB前端助手(FeHelper)
一款国产的、超级实用的前端开发工具合集，之前扩展迷也用专文介绍过这款插件。WEB前端助手(FeHelper)包含多个独立小应用，比如：Json工具、代码美化、代码压缩、二维码、Postman、markdown、网页油猴、便签笔记、信息加密与解密、随机密码生成、Crontab等等。
3.HBuilder
HBuilder是CLoud推出的一款支持HTML5的Web开发软件。“快”是HBuilder的一大优势，通过完整的语法提示、代码输入法以及代码块等， HBuilder可以大幅提升HTML、JavaScript的开发效率。
为您推荐：如何降低Web前端学习难度?
4.Web Maker网页代码编辑器
作为一名开发人员，大家可能已经用过了许多代码编辑器。的确是有很多编辑器的功能十分强大，但是在一些需要快速记录代码的紧急场合中，打开这些编辑器就显得比较麻烦了。Web Maker就是一款能快速在浏览器上编写网页代码的Chrome插件。
5.Lighthouse前端性能优化测试工具
对于前端开发人员来说，自己开发的App或者Web page性能的好坏，常常是肉眼很难辨别的。这时候就需要专业的网站测试工具，通过这些具象化的分析报告，才能更直观地知道产品还有哪些需要优化的地方。Lighthouse插件就是这样一款开源的自动化检测工具，由谷歌官方团队提供，正儿八经的行业标杆。
以上就是对于前端开发工具的介绍，每一个软件的功能都是不一样的，如果说你想要学习web前端或者是有什么web前端的难题需要专业的人来解答的话那么南京北大青鸟欢迎大家来我们公司进行实地考察，我们还有着专业的前端开发培训课程。
