记录小白使用 Cursor 开发第一个微信小程序（二）：创建项目、编译、预览、发布（250308）

记录小白使用 Cursor 开发第一个微信小程序（二）：创建项目、编译、预览、发布（250308）

一、创建项目

(1) Cursor 使用 0.46.8 版本
(2) 随便买一个一天的会员（使用普通账号的话，Sonnet 3.7 经常卡）试水

1.1 生成提示词

(1) 第一个版本的提示词

# 微信小程序需求

## 项目概述
构建一个微信小程序，用于记录工作打卡时间和查看历史记录。

## 功能页面

### 第一个界面：打卡页面
- 记录上班时间以及下班时间
- 显示目标工作时长为10.2个小时
- 显示本月历史打卡记录的平均工作时长
- 提供跳转到历史记录页面的功能

### 第二个界面：历史记录页面
- 以日历形式呈现历史打卡记录
- 显示本月的平均工作时长
- 点击任意日期可显示所选日期的上下班时间
- 支持对历史的上下班时间进行修改
- 修改完上下班时间后，本月的平均工作时长需重新计算并自动更新

## 技术要求
- 所有数据保留在本地，不需要调用任何API接口

(2) 第二个版本的提示词：使用 cursor 对第一个版本进行完善

# 微信小程序需求

## 项目概述
构建一个微信小程序，用于记录工作打卡时间和查看历史记录。

## 功能页面

### 第一个界面：打卡页面
- 记录上班时间以及下班时间
- 显示目标工作时长为10.2个小时
- 显示本月历史打卡记录的平均工作时长
- 提供跳转到历史记录页面的功能
- 打卡按钮设计醒目，易于操作
- 实时显示当前日期和时间
- 当天已打卡状态明显展示（上班已打卡/下班已打卡）

### 第二个界面：历史记录页面
- 以日历形式呈现历史打卡记录
- 显示本月的平均工作时长
- 点击任意日期可显示所选日期的上下班时间
- 支持对历史的上下班时间进行修改
- 修改完上下班时间后，本月的平均工作时长需重新计算并自动更新
- 提供返回打卡页面的导航功能
- 对于工作时长不足10.2小时的日期进行视觉提示（如标红）
- 支持按周、月查看统计数据

## 用户体验要求
- 简洁明了的界面设计，符合微信设计规范
- 关键信息（如工作时长、打卡状态）字体加大或高亮显示
- 操作流程简单直观，减少用户学习成本
- 加载速度快，响应及时

## 技术要求
- 所有数据保留在本地，使用微信小程序的本地存储能力
- 确保数据在应用关闭后仍能保存
- 考虑数据备份和恢复机制
- 适配不同屏幕尺寸的设备

## 其他功能建议
- 支持设置个性化的工作时长目标
- 提供月度/季度工作时间统计报表
- 可选的提醒功能（如工作时间即将达到目标时通知）
- 支持数据导出功能（如导出为Excel表格）

1.2 生成代码

本次开发基于的大模型是 3.7-sonnet-thinking

二、编译预览

2.1 导入项目

使用上个帖子下载页面下载的 "微信开发者工具" 导入，可以先用 "测试号"

2.2 编译预览

每次编译前，先清缓存

(1) 打卡页面

(2) 历史页面

三、发布

3.1 在微信开发者工具进行上传

是需要使用正式的 appid

3.2 管理平台的版本管理

开发版本设置为体验版

3.3 手机扫描二维码

在微信小程序直接使用

四、总结

• 不会写提示词可以将自己的需求简单描述，然后让大模型完善
• 尽量一次性把需求描述完整
• 3.7-sonnet-thinking 不愧为当前地表最强
• 生成的东西有瑕疵，需要继续润色

血的教训：做好版本管理，避免无法回滚