分享几个前端中好玩且有用的开源工具,总有一个适合你！

正所谓差生文具多,作为前端的我们,拥有几个合适的工具和网站可以很有效的提高我们的工具效率,还会有一些很有趣的网站可以在我们敲 bug 累了的时候供我们娱乐,接下来我就和大嘎分析一下我在用的一些工具和网站。

聚合API

该网站提供了大量的免费的 API 接口供我们使用,大家可以将其用在自己的项目上使用,并且每个接口都提供了完整的文档,开箱即用。

Snipaste_2023-04-24_19-16-08.png

image.png

左下角的那个 API 接口应该很适合你们吧??

链接: https://www.free-api.com/

网易云音乐API接口

网易云音乐 NodeJs 版 API,具备登陆接口,多达200多个接口,文档也写得很好,非常给不会写后端且没有项目经验的同学。

image.png

链接:https://neteasecloudmusicapi.vercel.app/#/?id=neteasecloudmusicapi

表情网站

这个网站提供了大量的基础表情,适合用在写文章上。

image.png

链接: https://www.emojiall.com/zh-hans/categories/D

录屏软件: OBS studio

免费且开源的视频软件,可用于视频录制以及纸币串流的软件。

image.png

链接: https://obsproject.com/

截屏软件: Snipaste

疯狂套娃吧!!!

image.png

链接: https://zh.snipaste.com/download.html

GIF图录制

在掘金中不支持上传视频,这个软件很好的帮助了我上传动图。

image.png

链接:https://www.screentogif.com/

draw.io

vscode 中的一个插件,方便我们写一些流程图。

image.png

Project Manager

管理的项目,方便直接。

image.png

Bookmarks

书签用于标记代码,快速找到所在的位置。

Turbo Console Log

快速生成 console.log() 代码。

Surround

代码片段包裹,把选中的代码用 if、try...catch 等包裹起来。

image.png

Todo Tree

在摸鱼的时候临时打个 TODO 标记,等摸鱼完再打开这个项目,就可以在目录树结构中,方便直观地查看要处理的地方。

image.png

tree-extended

写文章的时候,需要展示项目组织结构,曾经我写的文章要用到目录结构,奈何那时候没发现......

image.png

最后

如果这些工具对你有用,那就赶紧点赞收藏起来吧!

好了,文章读完了,彦祖们不点个关注再走吗~

原文: https://juejin.cn/post/7225583187337543717