首页 > 其他分享 >这7个炫酷的开发工具,我猜你肯定没用过!

这7个炫酷的开发工具,我猜你肯定没用过!

时间:2022-11-22 10:09:19浏览次数:44  
标签:没用过 package Figma 开发工具 地址 炫酷 https com CloudCraft

这7个炫酷的开发工具,我猜你肯定没用过!_bundle


1、 BundlePhobia

地址:https://bundlephobia.com/

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

这7个炫酷的开发工具,我猜你肯定没用过!_chrome_02

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

这7个炫酷的开发工具,我猜你肯定没用过!_bundle_03

2、CloudCraft

地址:https://cloudcraft.co/

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

这7个炫酷的开发工具,我猜你肯定没用过!_bundle_04

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

这7个炫酷的开发工具,我猜你肯定没用过!_bundle_05

3、 Figma

地址:https://www.figma.com/

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

这7个炫酷的开发工具,我猜你肯定没用过!_css_06

4、Fontflipper

地址:https://fontflipper.com/upload

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

这7个炫酷的开发工具,我猜你肯定没用过!_bundle_07

5、VisBug

地址:https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc

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

这7个炫酷的开发工具,我猜你肯定没用过!_css_08

这7个炫酷的开发工具,我猜你肯定没用过!_css_09

6、Insomnia

地址:https://insomnia.rest/

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

这7个炫酷的开发工具,我猜你肯定没用过!_bundle_10

7、Flare

地址:https://rive.app/about-flare

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

这7个炫酷的开发工具,我猜你肯定没用过!_css_11

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

这7个炫酷的开发工具,我猜你肯定没用过!_chrome_12

最后,你要不要赶紧去试一试呀?如果你还有一些很酷的开发工具,你也可以在留言区给我们留言进行分享。


PS:本文翻译整理自youtube 7 Amazing Developer Tools that you're not using yet:https://www.youtube.com/watch?v=U_gANjtv28g

这7个炫酷的开发工具,我猜你肯定没用过!_css_13

这7个炫酷的开发工具,我猜你肯定没用过!_bundle_14


标签:没用过,package,Figma,开发工具,地址,炫酷,https,com,CloudCraft
From: https://blog.51cto.com/u_15809510/5876282

相关文章