記錄小白使用 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 不愧為當前地表最強
• 生成的東西有瑕疵，需要繼續潤色

---

血的教訓：做好版本管理，避免無法回滾