Cursor AI初体验，生成一个简单的uniapp页面

最近一个朋友接了个微信小程序商城小活，我们去充了一个开源项目的会员，代码可以直接使用，大概60%的功能具备了，还有40%的工具需要自己开发，鄙人擅长后端，前端也会一些(会写，就是写起来比较慢)。最近听同事说Cursor比较火，功能极其强大，但是，我一点点都不了解，就借此机会学习一下。

Cursor 是一款基于 AI 的智能编程工具，它可以帮助你更快速地编写代码、解决问题和学习编程。它的核心功能是集成了 GPT-4 的 AI 助手，可以直接在编辑器中与你对话。官网地址:https://cursor.sh/;

Cursor是收费的，但是可以试用两周。我就先来看看值不值得充VIP。

下面，我们就试试，具体安装步骤不说了，直接官网DOWNLOAD安装即可

我们这个小程序是用的uniapp+uv-ui.现在，我们要实现这样的一个界面

我们先创建一个目录，然后用Cursor打开。

我们可以看到Cursor有Chat和Composer两种模式

1. Chat（聊天模式）

特点：
- 实时对话形式
- 适合问答和讨论
- 可以连续对话，保持上下文
- 右侧面板显示

使用场景：
- 代码解释
- 问题诊断
- 概念理解
- 方案讨论
- Debug 帮助

2. Composer（代码生成模式）

特点：
- 直接在编辑器中生成代码
- 使用 Cmd/Ctrl + K 快捷键
- 专注于代码生成
- 在当前光标位置插入

使用场景：
- 生成新函数
- 创建组件
- 编写测试用例
- 补充代码片段

3. 主要区别

交互方式

Chat:
- 对话式交互
- 可以多轮讨论
- 支持复杂问题拆解

Composer:
- 单次生成
- 直接插入代码
- 快速实现功能

使用建议

1. 使用 Chat 当：
   - 需要理解代码
   - 解决复杂问题
   - 需要多轮交流

2. 使用 Composer 当：
   - 快速生成代码
   - 实现具体功能
   - 补充代码片段

这里，我先试试Composer模式吧

就一张图片和一句话，就可以生成这些内容了

复制到项目看看效果

好像差距有点大，我看了下代码，应该是我问得有问题，uv-ui改为uv ui再试试

要好点了，但是还是有差距，再来。

还差一点，再继续优化一下

这样一来，Cursor基本实现了想要的功能，而且默认的控件事件也是生成好了，接下来，只需要按业务进行绑定即可。

这是第一次玩Cursor,很多东西都还不了解。就这次体验来看，Cursor还是很强劲，但是需要收费，待会儿再试试其它功能，好用的话，就充点钱，提高效率。

其实要真正用好Cursor 除了用好提问，还要得会CursorRules,可以向AI提供关于项目的重要上下文信息,生成出更加符合项目需求的代码。