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

15次阅读

共计 883 个字符,预计需要花费 3 分钟才能阅读完成。

本文翻译整理自 youtube 7 Amazing Developer Tools that you’re not using yet

1. BundlePhobia

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

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

2. CloudCraft

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

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

3. Figma

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

4. Fontflipper

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

5. VisBug

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

6. Insomnia

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

7. Flare

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

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

祝大家工作愉快!

正文完
 0