验收需求1

我们需要打开刚刚本地创建的“九宫格切割工具”文件夹，我们可以看到Cursor已经在这个文件夹下创建了三个文件，分别是：index.html、script.js、styles.css。

这三个文件的主要作用是：

index.html：网页主体结构

script.js：功能逻辑代码

styles.css：样式美化

这三个文件分别是前端的3大基础语言，想了解这3大语言的基础知识，可以体验《Web前端入门扫盲课程》。

这里需要注意的是：

如果你是全新项目生成的，可以直接点一下底部的“Accept file”。这个操作会把Cursor更新的代码直接覆盖掉上述源文件的代码。

如果你是在原来已有的代码基础上调整，那么请谨慎操作，先检查Cursor修改后的结果是不是符合自己的需求。Cursor上可以直接启动调试。

如上述项目：

验收需求2

此时我们打开本地index.html文件，选择使用浏览器打开，你就能看到Cursor为你实现的九宫格切割工具的在线网站了。

我们尝试上传一张图试试看是否符合需求预期吧！

很好，既实现了图片上传功能，图片切割前和切割后的预览以及图片下载功能，看来Cursor已经完美的实现了我的需求。

（即使使用相同的需求提示词，AI实现出来的界面效果可能跟展示的有所不同，但是都会围绕着需求点来实现。）

看到这里，你感受到了cursor的强大能力了吗？

小贴士

💡 小贴士：

这是个入门级项目，Cursor通常能一次性完成。

如果生成的界面不够美观，可以继续让AI优化。

代码生成后，你还可以继续询问AI具体的实现细节。

💁 注意事项

虽然这个项目相对简单，但它完美展示了Cursor的基础能力。在后续课程中，我们会逐步深入，教你如何：

• 处理更复杂的需求
• 优化AI对话策略
• 提高代码质量
• 解决常见问题

准备好了的话开始动手实践看看吧！