【精品·必备】12 个前端开发、写作神器 ~

最近在整理Chrome浏览器中的标签分类,特地把自己认为最有价值的一些前端开发和写作工具分享给大家!


1、getdevkit

专门为开发人员准备的 GPT!

2、bundlephobia

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

3、coolors

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

4、ray

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

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

5、excalidraw

文章写作中的插图神器!

6、dbdiagram

ER 图神器!

7、drawio

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

8、dribble + behance

  1. dribble

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

  1. behance

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

9、regexgpt

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

10、omni

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

11、json-generator

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

12、mocks-server

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


相关推荐
kyriewen6 分钟前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
IT_陈寒33 分钟前
JavaScript类型转换把我坑惨了,这破玩意真该早点搞明白
前端·人工智能·后端
用户938515635071 小时前
Type vs Interface:读完这篇就没有面试官能难倒你了
前端·面试·typescript
油丶酸萝卜别吃2 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery
windliang2 小时前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试
柒和远方2 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript
半个落月2 小时前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
阿黎梨梨2 小时前
TypeScript 类型编程:从新手到 Harness 工程实践
前端
黄金决明子2 小时前
Vue3 + Vite 打包后打开空白?
前端
张龙6872 小时前
终端效率翻倍实战:fzf + zoxide + ripgrep + bat 组合拳,告别重复敲命令
前端