前端开发工具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:非常好用的一款抓包工具,可以抓几乎所有的应用程序的HTTP请求。可以抓包,修改请求等。唯一的缺点就是需要安装.net支持。
Firebug:火狐浏览器的经典插件,能够调试所有网站语言,最经典实用的莫过于对Javascript语言的调试功能了。
Postman:一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。可以让我们很方便的对REST API等HTTP服务接口进行测试。


User Agent Switcher

从名称我们就可以看出来,用来更换浏览器的UserAgent。


前端性能优化工具:

Yellow Lab Tools

Web性能及前端质量测试工具。与其他工具不同的是,它有一些在其他工具上无法看到的独特功能,例如页面加载时 JavaScript 与 DOM 互动和其他程序代码验证问题。

DOM monster

只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。

你可能感兴趣的:(工具插件)