第03章：Cursor + Claude开发环境配置
第03章：Cursor + Claude开发环境配置
Cursor是专为AI辅助编程设计的代码编辑器。相比在ChatGPT里粘贴代码，Cursor可以直接理解你整个项目的代码文件，给出更准确的建议。
工具清单
| 工具 | 用途 | 价格 |
|---|---|---|
| Cursor | AI辅助代码编辑器 | 免费版可用，Pro ¥150/月 |
| 微信开发者工具 | 小程序本地开发/预览 | 免费 |
| 微信云开发 | 后端数据库/云函数 | 免费额度充足 |
| Git + GitHub | 版本控制 | 免费 |
Cursor安装与配置
- 下载：cursor.sh
- 安装后，Cmd+K（Windows: Ctrl+K）打开AI对话
- Cursor Chat（侧边栏）：向AI提问，可以引用文件内容
- 使用
@filename引用具体文件
关键设置：
- 在Cursor设置里选择Claude Sonnet或GPT-4o作为基础模型
- 开启"Auto-accept"功能（自动应用AI建议，可随时撤销）
微信开发者工具配置
- 下载：developers.weixin.qq.com/miniprogram/dev/devtools/
- 安装后，用微信扫码登录
- 新建项目：选择"小程序"→填入AppID（测试时可用测试号）
- 选择"微信云开发"模板（自带后端，省去服务器配置）
微信云开发的优势（强烈推荐）
微信云开发是微信官方提供的Serverless后端：
- 数据库：直接在小程序里读写数据，无需配置服务器
- 云函数：写服务器端逻辑，无需运维
- 云存储：存图片/文件
- 免费额度：月活1000以内基本免费
对于外包项目：使用云开发 = 不需要给客户配置服务器，大幅降低运维复杂度
第一个Hello World
在Cursor里打开微信开发者工具创建的项目目录，然后问：
我有一个新建的微信小程序项目，使用云开发模板。
请帮我在index页面添加一个"Hello, 小程序"的标题，
并设置一个蓝色的按钮，点击后弹出"你好，世界"的弹窗。
Cursor会生成对应的WXML/JS代码，你复制进文件，微信开发者工具实时预览效果。
本章小结
Cursor + 微信开发者工具 + 云开发 = AI辅助小程序开发的最小工具链。全部免费额度足够接初期项目，不需要购买服务器。
→ 第04章：小程序开发基础：30分钟入门