我用 TraeCode 做出了一款专属桌面文档工具——「蓝胖子记事本」,小白也能从零到一搞定

一、我是谁,以及我遇到了什么问题

我是一个经常需要写文档、记笔记的办公族,平时用得最多的就是系统自带的记事本和 Word。但我一直有个痛点:

• 记事本:界面简洁、打开快,可功能太少了,连基本的文字样式、导出 PDF 都做不到

• Word:功能确实全,但编辑的时候经常不小心触发各种奇怪的格式,写个简单的笔记也搞得很复杂

我想要一个介于两者之间的工具——有记事本的清爽,又有 Word 的常用编辑功能。但市面上的软件都是给大多数人做的通用产品,要么太简要么太繁,没有一款刚好合我心意的。

我自己又不会写代码,本来以为这个需求只能想想了。直到我试着把想法告诉了 TraeCode……

二、我是怎么用 TraeCode 从零做出这款软件的

我用的是 SOLO 模式,全程几乎就是"说需求 → 看结果 → 提修改"的循环,完全没写一行代码。

第一步:说出需求,让它出方案

我先把我的想法直白地告诉 TraeCode:我想要一个桌面文档工具,要像记事本一样简洁,但要有字体样式、PDF 导出、链接跳转这些功能。它很快给了我一个整体的技术方案,包括用什么技术栈、界面大概怎么布局、核心功能怎么实现。方案看完我觉得靠谱,就让它继续往下做。

第二步:生成 UI 原型图,先看效果再开发

方案确认后,我让它先做一个 UI 原型。它直接生成了界面设计稿,左边是文档列表、上面是工具栏、中间是编辑区——一眼就能看懂。我调整了几个地方的布局,确认没问题后就让它进入开发。

第三步:生成完整产品,边用边改

接下来它就开始生成完整的代码。我本来以为一次就能做好,但实际用起来发现了不少问题:

• 复制粘贴的时候格式会乱

• 链接点了不能直接跳浏览器

• 有些按钮的位置用着不顺手

我的做法很简单:遇到问题就截图发给它,它直接定位并修复。不用我描述半天,一张截图甩过去,它自己看哪里不对,然后直接改。来回迭代了好几次,每一次都比上一次更顺手。

三、成果展示

最终做出来的工具我给它起名叫「蓝胖子记事本」,长这样:

核心功能包括:

• 简洁编辑界面:像记事本一样清爽,左边文档列表 + 中间编辑区,没有乱七八糟的东西

• 实用编辑功能:字体/字号/加粗/斜体/下划线/字色/背景色/对齐方式/行距调节,常用的都有

• 要点 & 编号:一键添加列表,记笔记、列清单很方便

• 插入图片:支持在文档里插入图片

• 链接直达:复制到软件里的链接可以直接关联浏览器打开

• 导出 PDF:生成的文档可以直接导出 PDF,方便分享给别人

• 深色模式:右上角一键切换,晚上用也不刺眼

四、效率对比

对我来说,最大的变化不是省了多少时间,而是终于有一款完全按自己习惯做的工具了。以前总觉得"软件就是这样的,凑合用吧",现在发现原来我也可以定义自己的工具。

五、经验和技巧总结

1. 需求要说得直白,不用怕不专业 — 你就像跟人聊天一样说你的想法,TraeCode 能听懂。不用纠结术语对不对,说清楚你想要什么、为什么想要,比什么都重要。

2. 先做原型再写代码 — 让它先出 UI 原型图,界面满意了再往下做。不然等代码写完再改布局,来回折腾更费时间。

3. 出问题直接截图 — 比描述半天管用多了。一张截图甩过去,它自己看哪里不对,然后直接修复,效率特别高。

4. 小白也能做软件 — 真的不用会代码。你只要知道自己想要什么,剩下的交给 TraeCode 就行。它会一步步带你从想法到成品。

2 个赞

有代码吗,可以分享一下吗,体验一下,要是好用我也用

2 个赞