第五章：实战演练 —— 从零做一个小项目

理论讲完了，让我们动手做几个小项目！

5.1 项目一：用 AI 生成个人简历网页

这个项目零基础即可完成，不需要你会写 HTML 或 CSS。

步骤一：创建项目

在电脑上新建一个文件夹，比如 D:\我的项目\个人简历
在 Cursor 中 File → Open Folder 打开这个文件夹

步骤二：用 Chat 描述需求

按 Ctrl+Shift+L 打开 Chat（确认是 Agent 模式），输入：

帮我创建一个个人简历网页，要求：
1. 单页面设计，简洁美观
2. 包含以下模块：
   - 个人信息（姓名、照片占位、联系方式）
   - 教育经历
   - 技能特长（用进度条展示）
   - 项目经验
   - 自我评价
3. 使用现代化设计风格，配色要好看
4. 纯 HTML + CSS 实现，不需要 JavaScript
5. 响应式设计，手机端也能正常显示

步骤三：预览效果

AI 会自动创建 index.html 和 style.css（或合并为一个文件）
在文件资源管理器中找到 index.html，右键选择 Reveal in File Explorer
双击该文件，会在浏览器中打开
查看效果

步骤四：迭代修改

对效果不满意？继续在 Chat 中提需求：

- 把配色方案改成蓝白色调
- 头像部分改成圆形
- 技能进度条加上动画效果
- 把"张三"改成我的名字"李明"

💡 核心体验：你全程不需要写一行代码，只需要用中文描述需求，AI 帮你搞定一切。

5.2 项目二：用 AI 写一个 Python 小工具

需求描述

在 Chat 中输入：

帮我写一个 Python 命令行小工具——"密码生成器"，要求：
1. 用户可以选择密码长度（8-32位）
2. 可以选择是否包含大写字母、小写字母、数字、特殊字符
3. 一次可以生成多个密码
4. 界面友好，有中文提示
5. 生成的密码可以保存到 passwords.txt 文件中

运行和测试

AI 创建完代码后，打开终端（Ctrl+`）
运行：python password_generator.py
按照提示操作

遇到报错怎么办？

如果运行时出错，不要慌：

看终端中红色的错误信息
复制错误信息到 Chat
输入：运行时出现了这个错误，帮我修复
AI 会自动分析并修复代码

5.3 项目三：用 AI 搭建一个简单的 Web 应用

这个项目稍有难度，但在 AI 帮助下完全可以完成。

需求描述

在 Chat 中输入：

帮我用 Flask 创建一个简单的待办事项（Todo List）Web 应用：
1. 可以添加新的待办事项
2. 可以标记事项为已完成
3. 可以删除事项
4. 页面要美观，使用现代化 UI 设计
5. 数据保存在内存中即可（不需要数据库）
6. 请同时创建 requirements.txt 文件

安装依赖并运行

AI 创建完代码后，在终端执行：

pip install -r requirements.txt
python app.py

然后打开浏览器访问 http://localhost:5000 查看效果。

继续迭代

在这个 Todo 应用上增加功能：
- 添加事项分类（工作/学习/生活）
- 添加截止日期
- 添加搜索功能
- 用不同颜色区分不同分类

← 上一章：上下文引用 | 返回目录 | 下一章：效率技巧 →