不会代码也能做微信小程序？我用 Claude Code 做到了

> 你朋友圈里的小程序，可能就是这样做出来的。

做什么小程序？

今天我们做一个"每日打卡"小程序——用户可以创建打卡任务（比如早起、读书、健身），每天打卡记录，查看连续打卡天数和统计数据。

为什么选这个？因为它功能完整但不复杂，很适合入门。

准备工作

1. 注册小程序账号

去 [mp.weixin.qq.com](https://mp.weixin.qq.com) 注册一个小程序账号。个人就能注册，免费的。注册完记下你的 AppID。

2. 下载微信开发者工具

在微信公众平台找到"开发工具"下载，安装打开。

3. 确保你有 Claude Code

npm install -g @anthropic-ai/claude-code

开始做！

第一步：创建项目骨架

mkdir daily-check
cd daily-check
claude

跟 Claude Code 说：

> "帮我创建一个微信小程序项目，功能是每日打卡。包含以下页面：
> 1. 首页：显示今日待打卡的任务列表，点击即可打卡
> 2. 新建任务页：输入任务名称、图标、提醒时间
> 3. 统计页：显示每个任务的连续打卡天数、本月日历视图
> 4. 我的页：个人信息、设置
> 用微信原生语法，数据用本地存储。界面要清新简约，用绿色主题色。"

Claude Code 会帮你生成完整的小程序项目结构。

第二步：在开发者工具里预览

你会在模拟器里看到你的小程序！

第三步：优化界面

回到 Claude Code，继续说：

> "打卡按钮加一个按下去的动画效果，打卡成功后显示撒花特效。日历视图中已打卡的日期用绿色圆点标记。"

> "首页加一句每日激励语，每天自动更换。从一个预设的50条名言列表中随机选。"

第四步：加上数据统计

> "在统计页加上：总打卡次数、最长连续天数、本月完成率的环形图。用 wx-charts 或者手动用 Canvas 画都行。"

发布上线

你的小程序就上线了！ 朋友在微信里搜名字就能找到。

常见问题

Q：不用服务器吗？
A：这个版本用的是微信本地存储（wx.setStorage），数据存在用户手机上。如果你想要云端同步，后面可以接入微信云开发。

Q：审核通不过怎么办？
A：常见原因是缺少隐私政策、页面太简单。跟 Claude Code 说"帮我加一个隐私政策页面和用户协议页面"就行。

Q：想加更多功能怎么办？
A：继续跟 AI 描述你要的功能就行，比如：

小结

做小程序的完整流程就是：

不需要学小程序语法，不需要学 WXML、WXSS，AI 全帮你搞定。