首页 >web前端 >前端问答 >七个你可能不知道的惊人开发工具(分享推荐)

七个你可能不知道的惊人开发工具(分享推荐)

青灯夜游
青灯夜游转载
2020-09-28 17:47:552598浏览

本篇文章给大家分享推荐七个你可能不知道、没用过的炫酷开发工具。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

七个你可能不知道的惊人开发工具(分享推荐)

1. BundlePhobia

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

1.png

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

2.png

2. CloudCraft

如果你用AWS,那CloudCraft将会极大程度的帮助你,CloudCraft提供可视化的操作界面,通过拖拽设计你的云服务架构

3.png

CloudCraft提供云服务价格的统计功能,帮你精打细算

4.png

3. Figma

Figma是这张清单里面比较有名的了,对于习惯使用illustrator和sketch的设计师,figma也绝对值得尝试。Figma提供web和desktop两个版本,web版本使用WebAssembly编写从而获得不输desktop的性能,因此在不同的操作系统上都可以快速使用。Figma可以模拟各种用户输入事件,可以直接将设计稿导出成CSS、IOS样式、Android样式。

5.png

4. Fontflipper

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

6.png

5. VisBug

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

7.png

8.png

6. Insomnia

Insomnia是一款调试API工具,支持调试Rest Api和GraphQL Api。在写graphQL query的时候有很好的智能提示。

9.png

7. Flare

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

10.png

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

11.png

祝大家工作愉快!

更多编程相关知识,请访问:编程入门!!

以上是七个你可能不知道的惊人开发工具(分享推荐)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:segmentfault.com。如有侵权,请联系admin@php.cn删除