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

2024-01-16 09:38

本文主要是介绍这7个炫酷的开发工具,我猜你肯定没用过!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

来源 | https://segmentfault.com/a/1190000018142584

1、 BundlePhobia

地址:https://bundlephobia.com/

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

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

2、CloudCraft

地址:https://cloudcraft.co/

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

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

3、 Figma

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

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

4、Fontflipper

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

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

5、VisBug

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

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

6、Insomnia

地址:https://insomnia.rest/

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

7、Flare

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

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

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

最后,你要不要赶紧去试一试呀?如果你还有一些很酷的开发工具,你也可以在留言区给我们留言进行分享。
PS:本文翻译整理自youtube 7 Amazing Developer Tools that you're not using yet:https://www.youtube.com/watch?v=U_gANjtv28g

这篇关于这7个炫酷的开发工具,我猜你肯定没用过!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/612126

相关文章

浅谈NODE的NPM命令和合约测试开发工具HARDHAT

$ npm install yarn -g  # 将模块yarn全局安装 $ npm install moduleName # 安装模块到项目目录下 默认跟加参数 --save 一样 会在package文件的dependencies节点写入依赖。   $ npm install -g moduleName # -g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm root -g

【开发工具】开发过程中,怎么通过Easy JavaDoc快速生成注释。

文章目录 引言什么是Easy JavaDoc?Easy JavaDoc用来干什么?如何使用Easy JavaDoc?安装Easy JavaDoc配置Easy JavaDoc使用Easy JavaDoc生成注释 Easy JavaDoc与IDEA自带注释的区别IDEA自带注释Easy JavaDoc Easy JavaDoc的优缺点优点缺点 步骤 1:打开设置步骤 2:找到Easy JavaD

开发工具_idea中将本地项目分享至svn

文章目录 前言一、环境说明二、操作步骤1.登录svn服务器创建项目目录2.idea项目分享和上传代码3.提交代码 总结 前言 在idea中将项目分享至svn。 一、环境说明 IDEA 版本 :2019.3 二、操作步骤 1.登录svn服务器创建项目目录 如考虑将项目datatransfer分享至svn,则需要先在svn服务器创建svn目录,并记录下访

Android开发工具下载(历程分享亲测)

强烈建议想在Android平台开发与修改的朋友学习一下这位老师的博客 http://blog.csdn.net/mr_raptor/article/category/799879 AndroidDevTools简介 Android Dev Tools官网地址:www.androiddevtools.cn 收集整理Android开发所需的Android SDK、开发中用到的工具

协同开发工具Git

网上对于Git的使用方法介绍的很多,在日常工作中,Git是团队开发必不可少的工具之一,我想为一些刚使用Git的小伙伴们介绍一下常遇到的小问题。 1:拼写错误。这应该是每个初学者都会犯得错误,当出现这种错误还是比较好排查出来的,一般提示命令不正确时就要注意检查关键字哦!!! 2.权限问题,非常不建议直接在安装路径下使用初始化仓库,换句话说,git init 路径,这个路径最好是空文件夹,避免

【Web开发工具】基于Windows系统下的WebStorm安装教程

目录 安装WebStorm1.官网下载WebStorm2.选择安装位置3.关闭应用 下载并解压工具下载地址解压执行Done输入Code 安装WebStorm 1.官网下载WebStorm 我自己的网盘链接: https://pan.baidu.com/s/17PJu8Kf_fdX3gi588ubTqQ?pwd=6666 2.选择安装位置 下一步下一步就行,记得更改安装位置

PHP开发工具推荐

一、代码编辑器 sublime(这一定是最好用的!什么代码都可以写,各种好用插件飞起) phpstorm(此为IDE,个人觉得比较麻烦,但也有很多优秀自带的功能,挺实用的,只是觉得麻烦,哈哈哈)     二、本地php运行环境  windows操作系统:phpstudy(一定是最好用的,最简单的!) mac操作系统:MAMP PRO(收费的,但是百度很多破解)   三

HTML 实现炫酷选项卡效果

在前端开发中,创造出吸引人的交互效果能够极大地提升用户体验。今天,我将分享一段使用 HTML 和 CSS 实现的炫酷选项卡代码,并详细介绍其实现过程。 一、效果展示 我们的选项卡效果具有以下特点: 整体布局美观大方,页面居中显示。选项卡标签颜色鲜艳,分别为紫色(#a55eea)、蓝色(#45aaf2)和绿色(#26de81),且带有圆角边框和白色文字,鼠标悬停时透明度变为 0.7,增加交互反

【Unity 开发工具】vscode

https://www.bilibili.com/read/cv26989970/?from=readlist&spm_id_from=333.976.0.0 注意 unity包管理工具更新到最新 安装7和7以下版本的dotnet

如何使用小乌龟清除认证缓存、还原版本、定位及常用开发工具集成

😀前言 本篇博文是关于如何使用小乌龟清除认证缓存、还原版本、定位及常用开发工具集成,希望你能够喜欢 🏠个人主页:晨犀主页 🧑个人简介:大家好,我是晨犀,希望我的文章可以帮助到大家,您的满意是我的动力😉😉 💕欢迎大家:这里是CSDN,我总结知识的地方,欢迎来到我的博客,感谢大家的观看🥰 如果文章有什么需要改进的地方还请大佬不吝赐教 先在此感谢啦😊 文章目录 如何清除