前端开发最爽的地方就在于，一个编辑器，一个浏览器就足矣走天下。
编辑器——VSCode前端开发利器，超级好用的编辑器，对于大前端来说更是不可多得。由微软出品，跨平台支持，颜值高，易上手，丰富的插件支持。下面推荐几个前端常用插件。
HTML Snippets：及初级又实用的HTML代码智能提示，对经常手误的小伙伴简直不能太友好。
HTML CSS Support：让你在写html 标签时写class 智能提示当前项目所支持的样式，目前最新版本已经支持css文件检索。
Debugger for Chrome：直接让你的代码在Chrome中运行代码，vscode中调试。
jQuery Code Snippets：jQuery用户的福音，用起来难道不香吗？
Atuo Rename Tag：
CSS Peek：很方便的来查看CSS样式。
调试工具：F12功能：浏览器自备，功能强大，推荐使用Chrome浏览器
Fiddler：非常好用的一款抓包工具，可以抓几乎所有的应用程序的支持。
Firebug：火狐浏览器的经典插件，能够调试所有网站语言，最经典实用的莫过于对Javascript语言的调试功能了。
Postman：一款功能强大的网页调试与发送网页服务接口进行测试。
User Agent Switcher：从名称我们就可以看出来，用来更换浏览器的UserAgent。
前端性能优化工具：Yellow Lab Tools：一款Web性能及前端质量测试工具。与其他工具不同的是，它有一些在其他工具上无法看到的独特功能，例如页面加载时 JavaScript 与 DOM 互动和其他程序代码验证问题。
DOM monster：你只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。
本文为作者“一个程序员的奋斗史”徐博客原创文章，未经允许转载、抄袭必究！
