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

共 3446字,需浏览 7分钟

 ·

2024-04-22 09:15

    

点击上方 前端Q,关注公众号

回复加群,加入前端Q技术交流群


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

聚合API

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

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

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

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

网易云音乐API接口

网易云音乐 NodeJsAPI,具备登陆接口,多达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

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

image.png

Todo Tree

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

image.png

tree-extended

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

image.png

最后

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


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

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

往期推荐


前端开发者必须知道的日常小技巧!
TypeScript很麻烦,不想使用!
不要再写满屏import导入啦!

最后


  • 欢迎加我微信,拉你进技术群,长期交流学习...

  • 欢迎关注「前端Q」,认真学前端,做个专业的技术人...

点个在看支持我吧

浏览 43
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报