Easy-Vibe Task02学习笔记

1. 前言

Task01运用 z.ai 来制作游戏，这次我们通过本地化AI IDE来制作游戏

2. Task02

在学习本章课程之前，对cursor有一些简单的了解，学习本章课程，原来国内也有一些AI IDE产品，例如字节的Trae、阿里的Qoder、腾讯的CodeBuddy。
初级二：学会 AI 编程工具

普通 IDEA：需要解读需求，写代码，改代码，测试代码
AI IDEA：提出需求（帮我做...），问题反馈（报错信息丢给它，让它分析问题并处理），产品落地（自动新建文件，批改代码）

本质上是思维的转变，遇到问题先问AI（前提是你有辨别√/×的能力）

有效的与AI对话：

随着AI能力越来越强，我们可以把很多程序代码让AI来完成。

有些人三四句话，AI可以将程序写的很好。

有些人一下午和AI交流，做出来的效果却不尽人意。

如何有效沟通就变的尤为重要

可以用以下几方面来补充：

需求具象化

比如，不要只说"个人网站"，而是说：
- 我想做一个什么风格的个人网站、网站有几页，主要面相什么群体。
细化内容

将一些AI能听懂的
- 页面最上方是个人介绍、中间是工作经历，最后是未来工作规划
你的能力水平

让 AI 按照小白能接受的方式来做，比如：
- "我完全不会写代码，请只用最简单的写法，让我可以直接复制到一个文件里，在浏览器里打开。"
产出的结果

例如：
- 请给我一份可以直接保存为 index.html 并在浏览器里打开的完整代码。

2.1 cursor 贪吃蛇大作战

下图是我基于 AI IDE做的《贪吃蛇吃水果》

以下是我输入的2段消息，呈现的效果。

复制代码

1. 请你用 React 架构实现贪吃蛇游戏，包含键盘控制、吃到食物变长加分、撞墙或撞到自己时显示"游戏结束"并支持重新开始。实现后帮我启动这个项目。如果遇到没安装的程序环境就自动安装没安装的环境。
2. 贪吃蛇吃水果，有8种不同的水果随机出现，将吃的水果放到盒子里，盒子可以容纳8个水果，最终吃掉8个水果并返回一首诗句（包含吃掉的水果和个数）
3. 请帮我把游戏界面整体美化一下：
游戏区域居中显示，不要贴在左上角；
换成较浅的背景色，让蛇和食物更醒目；
把分数放大，放在明显的位置；
以蓝色为主色调，美化一下整体配色和按钮。