有什么好点的web前端开发工具?

有什么好点的web前端开发工具?

1、getdevkit

网址:DevKit

专门为开发人员准备的 GPT(基于 GPT3.5)!

2、arc 浏览器

网址:Arc from The Browser Company

一个号称 Chrome 平替的新浏览器!不试试?主要有以下几个优点:

3、vs-browser

网址:VS Browser - Visual Studio Marketplace

在 VS Code 中内建的浏览器,简单的调试基本够用了。

4、starship

网址:https://starship.rs/zh-cn/guide/

轻量、迅速、可无限定制的高颜值终端!

5、bundlephobia

网址:https://bundlephobia.com/

每当你想使用一个新的库或者包时,一定要看看这个包的 bundle size!避免把一个 拖油瓶 引入到项目里面。

6、coolors

网址:https://coolors.co/

开发通常比较缺乏设计和审美,这个网站可以帮你搞定色彩搭配,不至于做出丑陋的“万紫千红”。

7、ray.so

网址:https://ray.so/

代码美化就靠它了!写作中,大多数的卡片式代码图片皆来自于此:

其实还有一个:carbon,也挺好看。8、excalidraw

网址:https://excalidraw.com/

文章写作中的插图神器!

9、dbdiagram

网址:https://dbdiagram.io/d

ER 图神器!

10、drawio

网址:https://app.diagrams.net

流程图神器!功能强大且免费~

11、dribble + behance

网址:https://dribbble.com

大量优质的UI资源,你不再需要UI了~

网址:https://www.behance.net

媲美 dribble 的又一个设计资源,你真的不再需要UI了~

12、regexgpt

网址:RegExGPT

正则神器,知己一步到位,帮你把工具函数都写好,再也不用学正则了!

13、omni

网址:https://chrome.google.com/webstore/detail/omni-bookmark-history-tab/mapjgeachilmcbbokkgcbgpbakaaeehi/related?hl=en&authuser=0

浏览器高效神器!只需在 Mac 上按 ⌘+Shift+K 或在 Windows 上按 Ctrl+Shift+K。使用简单的命令界面管理选项卡、书签、浏览器历史记录、执行各种操作。

14、json-generator

网址:https://json-generator.com/?ref=testdev.tools&ref_type=adv&utm_campaign=TestDevTools&utm_medium=web&utm_source=TestDev.tools

批量生成 json 格式的 mock 数据,测试必备!

15、mocks-server

网址:https://www.mocks-server.org/docs/quick-start/

这个神器可以让你轻松测试前端很多场景都需要的 CRUD!