← 返回首页

第2章: Cursor 安装与使用

从下载到精通,掌握最强大的 AI 编程工具

📥 下载与安装

Step 1: 访问官网

🌐 官网地址:https://cursor.sh

Step 2: 选择操作系统

Step 3: 安装步骤

Windows 安装

1. 双击下载的 .exe 文件 2. 按照安装向导操作 3. 选择安装路径(推荐使用默认路径) 4. 点击 "Install" 完成安装 5. 安装完成后,桌面会出现 Cursor 图标

macOS 安装

1. 双击下载的 .dmg 文件 2. 将 Cursor 图标拖到 Applications 文件夹 3. 打开 Applications,双击 Cursor 4. 如果提示"无法打开": - 打开 系统偏好设置 → 安全性与隐私 - 点击"仍要打开"按钮

Linux 安装

# 给文件添加执行权限 chmod +x Cursor-*.AppImage # 运行 Cursor ./Cursor-*.AppImage
💡 提示: 首次启动时,Cursor 会要求登录。可以使用 Google、GitHub 或邮箱账号登录。

常见安装问题

🖥️ 界面介绍

┌─────────────────────────────────────────────────────────┐ │ 文件浏览器 │ 代码编辑区 │ AI 助手 │ │ │ │ │ │ 📁 项目 │ 1 <!DOCTYPE html> │ 💬 Chat │ │ 📁 src │ 2 <html> │ │ │ 📄 index │ 3 <head> │ 提问区域 │ │ 📄 style │ 4 <title>...</title> │ │ │ │ 5 </head> │ [发送] │ │ │ 6 </html> │ │ │ │ │ │ └─────────────────────────────────────────────────────────┘

主要区域说明

⌨️ 基础操作

1. 创建新项目

方法一:手动创建

1. 点击 File → Open Folder 2. 选择一个空文件夹(或新建一个) 3. 点击 "Select Folder" 4. 项目文件夹会显示在左侧栏

方法二:AI 辅助创建

1. 按 Cmd+L (Mac) 或 Ctrl+L (Windows) 打开 AI 聊天 2. 输入提示词: "创建一个网页项目,包含 index.html、style.css、script.js" 3. AI 会自动创建文件结构

2. 与 AI 对话

核心快捷键

对话示例

你:创建一个 HTML 页面,包含标题和一个按钮 AI:好的,我来帮你创建... [AI 会生成完整的 HTML 代码] 你:给按钮添加点击事件,点击后弹出提示 AI:已添加点击事件... [AI 会修改代码,添加 JavaScript]
💡 提示: 与 AI 对话时,描述越详细,生成的代码质量越高。尽量说明功能、样式、交互等细节。

🚀 高级功能

1. 代码自动补全

// 输入注释,AI 会自动生成代码 // 创建一个函数,计算两个数的和 // 按 Tab 键,AI 自动补全: function add(a, b) { return a + b; }

2. 选中代码提问

1. 选中一段代码 2. 右键 → Ask Cursor 3. 输入问题,如:"这段代码是什么意思?" 4. AI 会详细解释代码逻辑

3. 快速修复错误

1. 代码有错误时,会显示红色波浪线 2. 点击灯泡图标 💡 3. 选择 "Fix with AI" 4. AI 会自动修复错误

4. 多文件编辑

你:把所有文件中的蓝色改成紫色 AI 会: - 自动扫描所有文件 - 找到所有蓝色相关的代码 - 一次性修改所有位置

5. 项目重构

你:重构这个函数,使其更简洁高效 AI 会: - 分析现有代码 - 提供优化建议 - 生成重构后的代码 - 保持功能不变

6. 代码审查

你:帮我审查这段代码,找出潜在问题 AI 会检查: - 代码风格问题 - 性能优化点 - 安全漏洞 - 最佳实践违反

💡 实用技巧

提示词优化技巧

提高效率的技巧

常见问题解决

🎯 实战演练:创建个人名片

项目需求

创建一个个人名片网页,包含照片、姓名、职位、联系方式和自我介绍。

与 AI 的对话

你:创建一个个人名片网页,包含: 1. 个人照片(圆形) 2. 姓名和职位 3. 联系方式(邮箱、电话、GitHub) 4. 简短的自我介绍 5. 使用现代化的设计,渐变背景 6. 响应式布局 AI:好的,我来创建这个项目... [AI 会创建 HTML、CSS 文件并生成完整代码]

微调优化

你:把背景改成蓝色渐变 AI:已修改背景为蓝色渐变 你:照片加个阴影效果 AI:已添加阴影效果 你:字体改大一点 AI:已调整字体大小
💡 提示: 可以通过多轮对话不断优化项目,直到满意为止。

📝 章节练习

练习 1:快捷键记忆

在 Cursor 中,打开 AI 聊天窗口的快捷键是?




练习 2:实践操作

任务:请尝试在 Cursor 中完成以下操作(实际操作,不需要提交)

  1. 创建一个新项目文件夹
  2. 使用 AI 创建一个简单的 HTML 页面
  3. 让 AI 添加一个按钮和点击事件
  4. 预览页面效果
💡 提示: 完成后,你就已经掌握了 Cursor 的基本使用!

📚 本章小结

← 上一章 下一章:Trae 快速上手 →