Cursor介绍与安装配置

目录

一、背景知识

[1.1 概念](#1.1 概念)

[1.2 三种触发方式及功能](#1.2 三种触发方式及功能)

[1.2.1 Chat 模式](#1.2.1 Chat 模式)

[1.2.2 代码生成/编辑指令](#1.2.2 代码生成/编辑指令)

[1.2.3 自动问答](#1.2.3 自动问答)

[1.3 使用Cursor的最佳实践与注意事项](#1.3 使用Cursor的最佳实践与注意事项)

[1.4 Cursor 与其他工具的对比](#1.4 Cursor 与其他工具的对比)

二、安装与快速使用

[2.1 安装Cursor](#2.1 安装Cursor)

[2.2 配置Cursor](#2.2 配置Cursor)

[2.2.1 打开配置界面的三种方式](#2.2.1 打开配置界面的三种方式)

[2.2.2 将界面改成中文](#2.2.2 将界面改成中文)

[2.3.3 AI聊天面板](#2.3.3 AI聊天面板)

[2.3.4 左侧快捷栏位置变更](#2.3.4 左侧快捷栏位置变更)

[2.3.5 大模型配置](#2.3.5 大模型配置)

[2.3 对话初体验](#2.3 对话初体验)

[2.3.1 chat对话](#2.3.1 chat对话)

[2.3.2 自动补全](#2.3.2 自动补全)

[2.3.3 内嵌对话窗口](#2.3.3 内嵌对话窗口)


一、背景知识

1.1 概念

Cursor 是一个基于 VS Code 的、深度集成 AI 功能的代码编辑器。它由 OpenAI 的模型(主要是 GPT-4)驱动,允许通过自然的对话来完成复杂的编程任务。

可以把它理解为:

  • 一个会写代码的 VS Code:它拥有 VS Code 几乎所有的优秀特性(界面、扩展、快捷键等),但内置了一个强大的 AI 助手。

  • 一个专注于代码的 ChatGPT:它专为编程场景优化,能理解你的项目上下文,并直接操作代码文件。

核心定位:Cursor 的目标用户是任何希望提升编码效率的开发者,无论是快速原型开发、理解陌生代码库、修复 Bug,还是重构代码。

核心理念:让开发者更专注于高层次的设计和逻辑,而将实现细节更多地交给 AI。

1.2 三种触发方式及功能

1.2.1 Chat 模式

可以在编辑器内打开一个聊天面板,与 AI 讨论整个项目的问题。

  • 项目级上下文感知:Cursor 会自动将当前打开的文件、错误信息、终端输出等作为上下文提供给 AI,因此它的回答非常精准。

  • 能做什么

    • 解释代码:选中一段复杂的代码,问它"这段代码是做什么的?",它会给你清晰的解释。

    • 生成新代码:你可以描述你的需求,例如:"请为我的 React 应用创建一个用户登录表单,包含邮箱和密码字段,并做基础验证。" 它会生成完整的组件代码。

    • 调试和修复错误:将编译错误或运行时错误信息复制给它,它会分析原因并提供修复方案。

    • 代码审查:让它审查代码,提出潜在的性能问题、安全漏洞或更佳实践。

    • 重构建议:问它"如何优化这段代码的结构?" 它会给出重构建议甚至直接生成重构后的代码。

1.2.2 代码生成/编辑指令

通过快捷键 Cmd/Ctrl + K 触发。

  • 工作流程:选中一段代码,然后输入一个自然语言指令,AI 会立即根据你的指令修改或生成代码。

  • 能做什么

    • 添加注释:选中代码,输入"添加行内注释",AI 会为每一行关键代码加上注释。

    • 编写测试:选中一个函数,输入"为这个函数生成 Jest 单元测试",AI 会创建完整的测试用例。

    • 重构代码:选中代码,输入"将这个函数重构为使用 async/await",AI 会立刻执行。

    • 翻译代码:将 Python 代码转换为 JavaScript,或者将 jQuery 代码转换为原生 JS。

    • 修复代码:输入"修复这里的语法错误"或"修复这个循环的无限递归问题"。

1.2.3 自动问答

在代码编辑器中,当将光标悬停在某处时,可以按 Cmd/Ctrl + L 快速提问,问题会基于当前光标位置的内容。

  • 能做什么

    • 快速问一个关于当前函数的问题。

    • 快速了解一个陌生 API 的用法。

    • 快速获取一个代码片段的解释。

1.3 使用Cursor的最佳实践与注意事项

最佳实践:

  • 提供清晰的上下文:在 Chat 中提问时,尽量描述清楚你的目标、技术栈和约束条件。信息越明确,生成的代码质量越高。

  • 分步进行:对于复杂任务,不要期望 AI 一次生成完美的全部代码。应该将其分解为多个小步骤,例如先设计 API 接口,再实现前端组件,最后连接两者。

  • 把它当作助手,而非替代品:你仍然是代码的最终负责人。AI 生成的代码需要你进行审查、测试和理解。不要盲目信任。

  • 善用"编辑指令":这是最强大的功能。对于局部代码的修改、优化和生成,比在 Chat 中描述要高效得多。

  • 用于学习和探索:当你遇到一个不熟悉的技术或库时,让 Cursor 给你生成示例代码或解释文档,是极佳的学习方式。

注意事项与局限性:

  • 可能生成错误或过时的代码:AI 的知识有截止日期,并且可能"幻觉"出一些不存在的 API 或错误的用法。

  • 安全问题切勿将敏感信息(如 API Keys、密码、私密代码)放入 Cursor。所有对话内容可能会被用于模型训练。

  • 对业务逻辑理解有限:AI 不理解项目的特定业务规则和深层架构设计。对于核心业务逻辑,它可能无法生成符合预期的代码。

  • 可能产生依赖:过度依赖可能导致自身编程技能的退化,特别是对于初学者。

  • 收费模式:Cursor 目前对个人用户提供免费的"基础模型"使用,但更强大的 GPT-4 模型需要付费订阅(Pro 版)。有使用量限制。

1.4 Cursor 与其他工具的对比

特性 Cursor GitHub Copilot ChatGPT
核心形式 AI 驱动的编辑器 代码自动补全插件 通用对话机器人
集成度 极高,深度嵌入工作流 ,作为智能补全 ,需要手动复制粘贴
上下文范围 项目级,能理解多个文件 行/函数级,基于当前文件 单次对话,需手动提供
主要用途 代码生成、编辑、调试、解释、重构 代码补全和片段生成 广义的问答、代码概念解释
优势 功能全面,对话驱动,适合复杂任务 无缝补全,无干扰,写代码行云流水 通用性强,不限于编程

简单总结 :Copilot 是你的副驾驶 ,帮你写下一行代码;Cursor 是你的领航员,可以和你一起规划整个路线并处理复杂路况。

二、安装与快速使用

2.1 安装Cursor

官网:https://cursor.com/cn

Cursor在每一次请求时,都要和服务端进行交互,需要一个Cursor账号

可以去某宝或某鱼搜索cursor,可以买Pro账号(独享账号或共享账号),注意要和商家确认是email账号(不能是谷歌账号)

2.2 配置Cursor

2.2.1 打开配置界面的三种方式

方式一:

方式二:ctrl + shift + J

方式三:ctrl + shift + P,然后在全局搜索框里面输入Cursor Settings

登陆:

如果出现点击Sign in发现没有反应,需要检查以下系统默认浏览器是否是谷歌,如果不是谷歌,而是夸克,可能出现打不开的情况

2.2.2 将界面改成中文

打开全局搜索框:ctrl + shift + P

输入:language

如果中文没有安装,可以下载中文插件

2.3.3 AI聊天面板

打开chat对话框:ctrl+L

注意:新版本Cursor去掉了Compose和Command模式

2.3.4 左侧快捷栏位置变更

将这一栏变得和vscode一样,从水平改成垂直

打开全局搜索框:ctrl + shift + P

输入:vscode

输入:workbench.ac

2.3.5 大模型配置

勾选大模型及设置密钥

打开chat对话框:ctrl+L

可以选择大模型,增加AI请求次数

2.3 对话初体验

2.3.1 chat对话

打开一个空目录:

打开chat对话框:ctrl+L

创建文件:

修改文件:

2.3.2 自动补全

编写或修改代码过程中,会自动补全信息(虚写),如果认可,可以按tab将补全信息写入

2.3.3 内嵌对话窗口

方法一:选中代码,选择Edit

**方法二:**ctrl + K

注意:这种方式只对下方代码生效,可以用这种方式生成代码内容

相关推荐
Coovally AI模型快速验证5 小时前
IDEA研究院发布Rex-Omni:3B参数MLLM重塑目标检测,零样本性能超越DINO
人工智能·深度学习·yolo·目标检测·计算机视觉·目标跟踪
文火冰糖的硅基工坊6 小时前
[人工智能-大模型-19]:GitHub Copilot:程序员的 AI 编程副驾驶
人工智能·github·copilot
shuououo8 小时前
YOLOv4 核心内容笔记
人工智能·计算机视觉·目标跟踪
DO_Community11 小时前
普通服务器都能跑:深入了解 Qwen3-Next-80B-A3B-Instruct
人工智能·开源·llm·大语言模型·qwen
WWZZ202511 小时前
快速上手大模型:机器学习3(多元线性回归及梯度、向量化、正规方程)
人工智能·算法·机器学习·机器人·slam·具身感知
deephub11 小时前
深入BERT内核:用数学解密掩码语言模型的工作原理
人工智能·深度学习·语言模型·bert·transformer
PKNLP11 小时前
BERT系列模型
人工智能·深度学习·bert
兰亭妙微12 小时前
ui设计公司审美积累 | 金融人工智能与用户体验 用户界面仪表盘设计
人工智能·金融·ux
AKAMAI13 小时前
安全风暴的绝地反击 :从告警地狱到智能防护
运维·人工智能·云计算