- 小程序
工具安装
Cursor IDE：官网下载安装（支持 AI 代码生成和智能补全）
微信开发者工具：用于小程序预览、调试和发布
HBuilderX（可选）：提供 UniApp 开发模板，适合跨平台项目
项目创建
在微信开发者工具中新建项目，选择「不使用模板」创建空白项目
通过 Cursor 的 Open Folder 功能打开项目目录
指令模式：使用 Ctrl + K 或 Ctrl + I 激活 Composer 模式，输入需求描述（如「创建包含图片上传和压缩功能的页面」）
代码生成示例：
// Cursor 生成的图片压缩逻辑示例
Page({
compressImage(file) {
wx.compressImage({
src: file.path,
quality: 80,
success: (res) => {
this.setData({ compressedImg: res.tempFilePath })
}
})
}
})前端：图片上传、实时压缩预览、保存/分享
后端：无需服务器（纯前端实现）
创建 PRD 文档：在 Cursor 中编写 prd.md 描述功能需求
生成基础框架：通过指令 基于 prd.md 生成微信小程序代码 自动创建页面文件
调试优化：将微信开发者工具报错信息反馈给 Cursor 自动修复
// Cursor 优化后的压缩逻辑（支持格式转换）
wx.compressImage({
src: tempFilePath,
compressedFormat: 'webp', // 支持格式转换
success: (res) => {
this.setData({
compressedSize: (res.tempFileSize / 1024).toFixed(2) + 'KB'
})
}
})实时预览：
微信开发者工具中点击「编译」查看效果
使用 Cursor 的 Agent 模式自动修复布局错位等问题
发布准备：
通过指令「检查代码是否符合微信审核规范」优化代码
在微信公众平台配置服务器域名和业务域名
