前端七个你没用过的炫酷开发工具推荐

前端七个你没用过的炫酷开发工具推荐_第1张图片

Insomnia

https://insomnia.rest

Insomnia是一款调试API工具,支持调试Rest ApiGraphQL Api。在写graphQL query的时候有很好的智能提示。简化API开发的工作流程和工具

前端七个你没用过的炫酷开发工具推荐_第2张图片

VisBug

google插件市场搜索VisBug

VisBug是一款Google Chrome的插件,不久之前才推出。VisBug可以帮你更快的检查元素、移动元素、改变css属性、查找元素。。极大的增加前端开发效率!

前端七个你没用过的炫酷开发工具推荐_第3张图片

BundlePhobia

https://bundlephobia.com

BundlePhobia可以用于分析npm package的依赖、bundle后的大小、下载速度预估等等,帮助你在引用一个package之前了解引入该package的代价

前端七个你没用过的炫酷开发工具推荐_第4张图片

前端七个你没用过的炫酷开发工具推荐_第5张图片

你也可以将项目的package.json文件上传,BundlePhobia会帮你评估项目中所有包的大小和加载速度:

前端七个你没用过的炫酷开发工具推荐_第6张图片

前端七个你没用过的炫酷开发工具推荐_第7张图片

Fontflipper

https://fontflipper.com

在设计或者开发时还在为使用字体发愁的同学,可以试试 Fontflipper。Fontflipper只有一个目的,就是让你选到最适合你的设计的字体,上传你的设计图,添加你的文字,切换不同的字体,收藏你喜欢的,就这么简单。缺点是没有中文字体。

前端七个你没用过的炫酷开发工具推荐_第8张图片

Flare

https://rive.app

Flare用于设计2D的动态图,使用体验与Figma相似

前端七个你没用过的炫酷开发工具推荐_第9张图片

codepen类似,你也可以看到其他设计师的公开作品

前端七个你没用过的炫酷开发工具推荐_第10张图片

最后

欢迎关注我

在这里插入图片描述

你可能感兴趣的:(前端之路,web前端)