Cursor 实战:从零开发 Web 背单词应用
为了更直观地展示 Cursor 的实战价值,我们直接通过一个实际项目来演示其开发流程。本文将带你体验从需求分析到代码实现的完整过程,开发一个 Web 版单词学习程序。
需求分析
在开始开发之前,明确的需求文档是项目成功的关键。一个好的需求文档不仅能指导开发方向,还能作为与 Cursor 进行高效对话的重要基础。我们有两种方式来准备需求文档:自行编写需求文档和借助 Cursor 生成需求文档。
自行编写需求文档
- 明确列出功能模块和具体需求
- 按优先级排序各项功能
- 将文档保存为独立文件,方便随时参考
- 确保描述清晰,避免歧义
借助 Cursor 生成需求文档
- 提供项目的核心目标和主要功能点
- 让 AI 协助完善功能描述和技术细节
- 根据实际需求进行调整和补充

摘抄部分功能内容,填充到自己的开发需求文档如下:
# 开发一个学单词的 web 程序
## 核心功能需求
### 学习模式
- 从未学单词中挑选 10 个单词进行学习
- 单词卡片展示(拼写、音标、释义、例句)
- 发音功能
- 可以将当前词加入到错题本,进行复习
### 复习模式
- 从错词本中随机抽取单词进行复习
### 用户管理
- 用户免登录,可以设置用户名
## 技术需求
### 前端
- 响应式设计,支持多端适配
- 流畅的交互体验,界面简洁美观
### 后端
- 如果需要用到后端程序,请使用 python 语言
- 如果需要用到数据库,请使用 MySQL
## 数据结构
### 单词库
- 单词基本信息(拼写、音标、发音音频、释义、例句)
### 用户学习记录
- 记录用户学习记录和错题信息
前端 UI 设计
使用 Cursor 的 COMPOSER 模式 + AGENT,以需求文档作为上下文,和 Cursor 对话,让其帮忙生成 UI 界面。
请根据我的需求文档,设计一个学单词的 web 界面,要求简洁美观































