本示例讲解如何快速使用 Cursor(AI 代码编辑器)来生成一个新项目。通过优化提示,我们可以让 Cursor 更高效地理解需求,生成结构化的代码框架,包括前端实现、组件设计和测试配置。以下是针对“投资小应用”的优化描述,你可以直接复制到 Cursor 中作为提示使用。
帮我创建一个投资的小应用,是给小朋友用的,锻炼小孩的投资能力,并演讲自己项目来拉别人投资。
功能需求:
要求:
1、React + Next.js 作为前端框架
2、Tailwind CSS 作为主要 UI 样式库
3、Headless UI + Heroicons 作为 UI 组件支持
4、ECharts、Mermaid 等用于数据可视化
5、Zustand & React Query & SWR 作为状态管理和数据获取方案
6、Storybook 用于 UI 组件开发和测试
7、Jest & Testing Library 用于前端测试
8、pnpm 使用