用 Trae 花费 1 个多月的业余时间做了一个纯前端的汉字笔顺练习方面的小应用

[vipzhicheng]

用 Trae 花费 1 个多月的业余时间做了一个纯前端的汉字笔顺练习方面的小应用。需求来自于自家孩子写字笔顺总是不对。

体验地址：

• shukong-app.vercel.app
• www.vipzhicheng.com

全部功能开放，代码开源。

另外说说体会，

本人前端水平也就半吊子，开发到后期有很多重构代码的行为，如果是专业前端在开始的时候就可以规划的更好。另外，App 的 UI 设计也是想到哪里改到哪里，并没有从 AI 哪里获取更 Fashion 的设计风格，这些都是未来再做别的 AI 产品时需要改进的地方。

收获也是有的，深入体会了一把使用 AI 编程开发相对复杂一些的项目，上千次的 AI 对话基本上了解了如何和 AI Agent 打交道。Trae 作为国产 AI 编辑器，也是可以委以重任的，模型上还是 Claude 3.5 要好一些，希望赶紧 Follow Cursor 的 Rules 机制。

我在里面嵌入了一个 Coze 小应用，需要自己去申请个人令牌调用。我现在不确定别人申请的令牌能不能调我的工作流，有空的大佬可以帮我测一测。

[wangxiang86]

感觉不错，回家拿 iPad 给孩子试试

[lyqiang]

看着挺好。
前段时间想借助 cursor 做一个小程序版，hanzi-writer 没有适配上，不知道是不是版本的问题，最后用了 Gif 图片代替了。

[bzw875]

嗯嗯，终于见到 [用 Trae 做 XXX] 了，之前都是 [用 Cursor 做 XXX]

[enuenena]

不错不错，把这个打包成 App 上传到应用商店，应该有很多人用。

[love2328]

这很不多啊 做成 app 应该更好, 不过现在上架 app 太麻烦 上小程序靠谱些

[renmu]

@bzw875 用 cursor 都是一天，用 trae 怎么就要一个月了🐶🐶

[vipzhicheng]

@renmu 一天就可以出 Demo 了，但是为了让应用看起来尽量完整，就有好多事情要考虑了，比如

1. 响应式
2. 暗色模式
3. 多端编译打包
4. 体验打磨
5. 数据整理格式化

可以看一下我字书模块，里面小学语文书每一课的数据不是现成就有的，是我用网上公开的教材电子版，OCR ，校对，AI 转格式，一点一点整理出来的。

[Marsgo]

你好，源码在哪没看到啊

[vipzhicheng]

@Marsgo 右下角 Github 图标点击可达

[sizhengping]

太强了，流畅好用。楼主执行力也强。这个笔顺是有公开的库可以直接查询调用吗

[webszy]

看了下你的代码，发现是 vite 的，这是是用了某些模版吗？

[echoechoin]

"𰻞" 没有这个字 (狗头)

[vipzhicheng]

@sizhengping 有很多这样的库，都是开源的

[vipzhicheng]

@webszy 没有用现成的 组件 库，如果再来一次我会先选组件库。

[vipzhicheng]

@echoechoin 哈哈，这个笔顺数据库只有 9000 多个常用字，毕竟是给小孩子用的嘛，够用了。

[MrBrand]

哈哈，之前我弄了个小程序也有这个；小程序名字 [工具人助手]

之前的文章 [https://v2ex.com/t/1075111#reply11]( https://v2ex.com/t/1075111#reply11)

[]( https://youjb.com/image/qrcode.ByuxwRcG.s7b)

[ChristopherWu]

别 Trae 了， 我劝你 Cursor 或者 Windsurf： https://v2ex.com/t/1122796#reply1

[webszy]

@vipzhicheng 我是指脚手架，是有现成了的吗

[vipzhicheng]

@webszy #18 脚手架就是 vite

[vipzhicheng]

@MrBrand 嗯，有了笔顺数据，可以很轻易的做个功能出来，比较难的是做成好产品，更难的是靠这东西赚到钱，哈哈

[TraeOffcial]

优秀哇