Cursor新手上手需五步：一、官网下载安装；二、配置AI模型（如Claude或OpenAI）；三、新建todo-app文件夹并生成HTML待办清单；四、预览运行并调试代码；五、使用Chat面板进行上下文交互式协作。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您刚刚接触 Cursor AI，希望快速上手并完成首个实际项目，则可能对安装流程、基础界面操作以及代码生成逻辑感到陌生。以下是完成从环境搭建到运行第一个项目的具体步骤：
一、下载与安装 Cursor
Cursor 是基于 VS Code 构建的 AI 编程编辑器，需通过官方渠道获取安装包以确保兼容性和安全性。安装过程不依赖额外开发环境，但需系统满足最低运行要求。
1、访问 https://cursor.sh 官网，点击页面上的“Download for Windows/macOS/Linux”按钮。
2、根据您的操作系统选择对应版本（如 macOS 的 .dmg 文件或 Windows 的 .exe 安装程序）。
3、双击安装文件，按提示完成默认安装流程；macOS 用户需将 Cursor 拖入 Applications 文件夹。
4、启动 Cursor 应用，首次运行时会自动检查更新并引导登录或跳过账户绑定步骤。
二、配置 AI 模型接入
Cursor 默认使用内置模型进行代码补全与对话，但部分高级功能需连接 OpenAI 或其他支持的 LLM 服务。本地模型选项也可启用，无需网络即可运行基础指令。
1、点击左下角齿轮图标进入 Settings，在搜索栏输入 “AI Model”。
2、在 “Default Model” 下拉菜单中选择 Claude 3.5 Sonnet（若已配置 Anthropic API Key）或保留默认的 Cursor 自研模型。
3、如需使用 OpenAI，展开 “OpenAI API Key” 设置项，粘贴有效密钥至输入框，并勾选 “Enable OpenAI”。
4、关闭设置面板，重启 Cursor 使模型配置生效。
三、创建第一个项目：待办清单网页
通过新建 HTML 项目并调用 AI 辅助编写结构与交互逻辑，可直观体验 Cursor 的上下文感知能力。该项目不依赖构建工具，纯前端即可运行。
1、点击菜单栏 File → New Folder，命名为 “todo-app” 并确认路径。
赋予Agent实时语音交互能力。与Claude对话！超快TTS文字转语音，约90毫秒低延迟音频输出。
2、右键该文件夹，选择 New File，输入 “index.html” 并回车。
3、在空文件中输入 ，光标置于其后，按下 Cmd+K（macOS）或 Ctrl+K（Windows） 调出命令面板。
4、输入指令 “Create a responsive todo list with add/delete functionality using vanilla JS”，按回车执行生成。
四、运行与调试生成的代码
Cursor 支持一键启动本地服务器预览 HTML 页面，同时集成终端便于实时查看控制台输出与错误信息。调试过程无需切换外部工具。
1、保存 index.html 文件（Cmd+S / Ctrl+S）。
2、右键编辑器空白区域，选择 Open Preview in Browser，自动唤起默认浏览器并加载页面。
3、若功能异常，在页面中右键 → Inspect Element，切换至 Console 标签页查看 JS 报错。
4、回到 Cursor，在 script 标签内任意位置输入 “Fix the delete button not removing items”，触发 AI 修复建议。
五、启用 AI 实时协作模式
Cursor 的 Chat 面板可针对当前文件上下文发起多轮技术问答，支持代码解释、重构建议及单元测试生成。该模式深度绑定打开的文件路径与光标位置。
1、点击左侧活动栏最下方的 Chat 图标（气泡形状）。
2、在输入框中键入 “Explain how the event delegation works in this todo script”，确保 index.html 处于激活编辑状态。
3、发送后，AI 将逐行分析 script 内容并高亮关键 DOM 事件监听逻辑。
4、点击回复中的任一行代码片段，Cursor 会自动跳转至对应源码位置并高亮显示。
