我用 Trae 撸了一个Json格式化的工具
正文
先交代一句背景
最近用 Trae 从零把一个 Json 在线格式化 的小工具站搓出来了——就是能格式化、压缩、校验、Unicode/中文互转、本地历史、深浅色那种，没什么稀奇。这篇重点不吹站点本身，而是记一下 用 Trae 做这类小前端项目时的真实体感：哪里省事、哪里还得自己盯、哪里会翻车。站点只是副产品，感兴趣的话文末有个链接，顺手收藏当在线记事本也行。
用 Trae 比较爽的地方
- 起盘快：需求说清楚（Vue + 编辑器 + 几个按钮），Trae 能很快把 页面骨架、组件拆分、状态往哪放 搭出个能跑的版本，不用自己从
npm create开始一点点抠目录结构。做工具站最怕卡在「还没写出来就累了」，这点省不少心。 - 改需求不怵：今天想加个「复制成功提示」、明天想调一下侧栏交互，用自然语言改一版，往往比纯手写先出一版能看的 diff。小项目迭代频率高，这种「说人话就改」的节奏挺对胃口。
- 样板代码少手写：样式、Element Plus 用法、Pinia 存取这类重复劳动，Trae 补得七七八八，人主要精力放在 业务逻辑对不对（比如 JSON 报错怎么展示得人性化），而不是和文档较劲。
- 上下文在工程里：相比来回切浏览器搜片段，Trae 对着仓库问「这段为什么报错」「这里怎么和主题联动」，对齐项目现状会快一些——当然前提是你仓库本身别乱成一锅粥。
诚实说还不够爽、或者要留神的地方
- 它写得快，你审得也要快：生成代码默认不能盲信，尤其是边界条件、空值、大文本性能。我习惯 Trae 出一版 → 自己跑一遍关键路径 → 再让它改，而不是一次到位。省的是打字时间，不是动脑时间。
- 「懂产品」不等于「懂你的用户」：交互文案、错误提示语气、哪些按钮该显眼——这些它能给建议，但最后拍板还是人。Trae 像高级实习生：执行力强，品味和取舍你得自己带。
- 复杂链路要拆问：一次塞十个需求，容易得到「看似全做了、实则接不上」的结果。我后来学乖了：一块一块来（先编辑器，再历史，再主题），合并冲突和心理负担都小很多。
那站点呢？顺带打个广告
上面那一套流程跑下来，成品： www.itjson.cn 。你如果用 Trae 或其它 AI 编程工具也在搓小工具，可以点进去当个 「别人用同样路子能做成啥样」 的参照——顺手用用、提句哪里别扭，对我来说比单纯涨 PV 有意义。
写在最后
更想聊的是 Trae / AI 编程这类工具：你在小项目里怎么用、怎么控质量、怎么避免越改越乱——评论区欢迎交流。站点只是这篇里挂个尾巴，好用就收藏，不好用关掉页面即可，不绑架。Trae AI编码交流群：2156070667
