Qoder一句话AI编码实战教程，新手0基础也能上手本，本案例是以一个单文件 HTML 记账本跑通「出码 → 自审修复」两轮 Agent 编码循环，首先让Qoder模型出代码，再让Qoder以代码审查者身份自查边界问题并修复，最终产出可直接运行的记账本。阿里云Qoder官网：https://www.aliyun.com/product/qoder 注册Qoder账号免费领800次3.8-Max模型调用。
AI Coding 玩法
使用Qoder 一句话，让其生成HTML记账本，然后让其以代码审查者身份自查边界问题并修复，最终产出可直接运行的记账本。
所需工具：
- Qoder：https://www.aliyun.com/product/qoder
- qwen3.7-max：https://www.aliyun.com/product/bailian
- Token Plan：https://www.aliyun.com/benefit/scene/tokenplan
操作步骤
步骤一：生成html代码
在 Qoder 里把下面的需求发给 qwen3.7-max：
帮我做一个单文件 HTML 记账本： 支持记录 日期/分类/金额/备注，数据存 localStorage， 顶部显示本月支出总额和分类饼图（不用外部库，Canvas 手绘）， 手机浏览器可用，配色清爽治愈系。输出完整可运行的单文件 HTML。
步骤二：自审修复（Agent 循环关键步）
请你以严格代码审查者身份自查上面的代码：找出功能缺陷、边界问题 （如金额非法输入、localStorage 解析失败、饼图无数据时的显示）， 修复后输出最终完整单文件 HTML。只输出最终版。
实测产出
以一个单文件 HTML 记账本跑通，输出的运行界面（示例数据）：
说明
- 消耗：本玩法涉及 2 轮编码循环（出码 → 自审修复），第 2 轮要回读全部代码，所以明显比第 1 轮贵。
- 产出：最终产出 23.8K 字符、可直接运行的单文件记账本。
