不会写代码,我用两个工具做出安卓 App(WorkBuddy+HBuilderX)

家里东西总过期、总重复买、总算不清花了多少钱？这次我不只给你看成品，而是把从 0 到能装进手机的完整工具流拆给你看——主角是两个工具：WorkBuddy（AI 设计与代码助手）和 HBuilderX（轻量强大的跨端 IDE）。

下面以这个「家庭物品库存」App 为样例。它本来是一个微信小程序，我一路把它改成了能装到安卓手机上的原生 App——全程没写几行代码，全靠两个工具分工。

很多人卡在「我既不会设计又不会写代码」，其实只要把活拆对，AI 和 IDE 各管一半就行：

一句话：WorkBuddy 出内容与方案，HBuilderX 出工程与运行环境。这也是后面所有步骤的底层逻辑。

你只需要用大白话描述需求，比如：

WorkBuddy 会给出两样东西：

• 信息架构
  ：首页仪表盘 / 物品列表 / 我的 + 详情 / 新增编辑，共 5 页、3 个常驻 Tab。
• 设计令牌
  ：主色翡翠绿、浅灰背景、告警两档色，圆角与字号统一。

确认方向后，让它把方案落成代码，一次性产出 app.json、app.wxss、utils/storage.js 等骨架。关键的计算逻辑（保质期倒计时、库存预警、日均成本均摊）也由它写进 utils/stats.js：

这是首次看到界面的时刻，也是两个工具首次"握手"：

• 顶部菜单 运行 → 运行到小程序模拟器 → 微信开发者工具。
• 首次需到设置里填「微信开发者工具」的安装路径，并在开发者工具里开启服务端口。
• 编译完成后，模拟器里就能看到首页那张翡翠绿大卡。

首页

仪表盘

物品

列表+搜索

我的

设置

详情

单品信息

编辑

新增/改

小程序跑通后，真正的惊喜是"边用边改"。我提了一连串需求，WorkBuddy 每次都直接给代码：

• 列表可点编辑/删除
  ，清空功能要真清空——而不是假清空。
• 新增"是否计入日均成本"选项，选"否"就不参与成本均摊。
• 新增"预警数量"，库存低于它才亮红灯；状态只保留"使用中/闲置"且可手动选。
• 临期提醒默认 3 天
  ；首页"预警物品"统计 = 快到期 + 库存预警（去重）。
• 加CSV 导入导出：导出带 BOM 的 UTF-8，Windows Excel 不乱码；导入支持从聊天选文件，或粘贴文本兜底。

做到这步，已经能用微信打开。但我想把它装到手机桌面当独立 App 用，于是提了这么一个需求："把这个小程序转换成安卓的 App"。

WorkBuddy 选了 uni-app（Vue3） 路线：代码改动很小、可一键编译安卓 APK。关键改造有两处：

• API 替换
  ：把所有 wx.* 换成 uni.*（存储、路由、弹窗等大部分有对应）。
• 文件 I/O 适配
  ：小程序里"分享文件/选文件/剪贴板"的 API 在 App 端不存在，改用 plus.io 写系统下载目录 + 系统分享，导入用 uni.chooseFile。

随后在并列目录生成了完整的 uni-app 安卓工程（5 个 .vue 页面 + 工具层），原小程序不动。

这一步充分体现了"AI 出方案、IDE 跑出来"的价值——编译时连报四个错，全靠 WorkBuddy 逐个修。我把它们整理成一张速查表，下次遇到直接对号入座：

回头看，这四个错每一个都卡过我，但 WorkBuddy 给的修复都是"改一行 / 拆一行"，从没让我自己啃文档。

一个常被问到的问题，用大白话答：

• 纯本地
  ：所有数据通过 uni.getStorageSync 存在手机本地，不上云、不需要账号、没网也能用。
• 没硬上限
  ：代码无数量限制，约束只来自本地存储约 10MB 配额，每件物品几百字节，家庭场景下基本等于无限。
• 主要风险
  ：卸载 App 数据会清空，所以"我的 → 导出 CSV"是目前较稳妥的备份方式。

整个流程只用了两个工具，却覆盖了"设计 → 代码 → 运行 → 调试 → 修坑 → 跨端"全链路：

• WorkBuddy
  ：把想法变成方案、设计稿和代码，遇到报错还能追着问。
• HBuilderX
  ：把代码组织成工程，一键跑微信预览、一键打包安卓 APK。

不到 20 个文件、零后端，一个普通人也能做出能装进手机的 App。下次你想管冰箱、药箱还是孩子的玩具，照这套流程跑一遍就行。