在这里插入图片描述

🔥小龙报:个人主页
🎬作者简介:C++研发,嵌入式,机器人方向学习者
❄️个人专栏:《AI》
永远相信美好的事情即将发生

在这里插入图片描述


前言

Cursor 是当下高效的 AI 编程编辑器,凭借智能 Agent、代码编辑、终端命令与 Git 版本管理一体化能力,大幅降低编程门槛。本文带你从零熟悉 Cursor 整体界面,详解侧边栏、编辑器、终端及 AI 对话区核心用法,讲解实用操作技巧与基础设置,帮助新手快速上手 Cursor,掌握 AI 辅助编程的高效工作方式。


一、熟悉 Cursor 界面

  1. 侧边栏:资源管理、搜索、Git 集成、插件扩展等功能入口。
  2. 代码编辑区:查看和编辑代码的主要区域。
  3. 终端:点击「终端 → 新建终端」即可打开,用来运行各种命令,大家在后续课程中会频繁使用。
  4. Agent 对话区:这是使用 Cursor 最核心的部分——和 AI Agent 进行对话。
    下面我们逐一来熟悉各个部分。

在这里插入图片描述

1.1 侧边栏

1.1.1 资源管理器

侧边栏的第一个功能是资源管理器,你可以在这里看到当前项目的所有文件和文件夹。你可以点击创建新文件,比如 index.css;也可以创建文件夹,比如 src——这是我们经常用来存放资源文件的命名。在某个文件夹上右键,还可以在该文件夹下继续新建文件或子文件夹。
在这里插入图片描述

资源管理器里有几个非常实用的操作,大家一定要掌握:

Reveal in Finder(在文件夹中打开): 右键点击文件,选择 Reveal in Finder(中文界面可能显示为「在文件夹中打开」),就可以在系统文件管理器中定位到这个文件的位置。这个功能非常常用。
在这里插入图片描述

复制路径: 右键选择「复制路径」,可以获取该文件在你电脑上的完整绝对路径。当你不太清楚某个文件的具体位置时,把这个完整路径提供给 AI,它就能精准定位。
复制相对路径: 与复制路径不同,复制相对路径获取的是相对于当前项目根目录的路径。比如复制 index.html 的相对路径,得到的就是src/index.html。这个路径非常适合在 Agent 对话中提供给 AI,因为 AI 只需要知道项目内的相对位置,而不需要你电脑上的全局路径。这样能帮你节省很多 token,也让 AI 的检索更高效。

在这里插入图片描述

1.1.2 搜索

当项目中有多个文件时,你可以通过搜索快速定位到某段代码或某个文件。搜索到之后,同样可以配合刚才说的「复制相对路径」,把路径粘贴给 AI,这样 AI 就不用再全局检索文件目录,能帮你省很多 token。

在这里插入图片描述

另外,搜索功能不只是查找,还有全局替换功能。打开替换面板后,你可以批量替换项目中的文案。相比让 AI 来做替换,手动使用全局替换更准确,也更省 token。这个技巧希望大家掌握。
在这里插入图片描述
在这里插入图片描述

1.1.3 Git集成

在这里插入图片描述
Git 集成是一个非常重要的功能,简单来说,Git 是一个版本管理工具。初始化项目的 Git 之后,你就能清晰地管理项目的版本历史——如果对 AI 生成的结果不满意,可以非常方便地撤回或回到指定的版本

1.1.4 插件与扩展

在这里插入图片描述
最后是插件扩展功能。这里推荐大家初始安装两个插件:一个是 Chinese(中文语言包),一个是之前提到的 Live Server。其他插件按需安装即可,比如 Markdown 预览插件等。插件的概念和浏览器扩展类似,有需要的时候再去搜索安装就好。

1.2 代码编辑器

在这里插入图片描述
中间最大的区域就是代码编辑器。它可以非常方便地预览和编辑代码。不过在我们的课程中,因为是AI 编程,大部分情况下我们不会手动去查看或编辑代码。但大家要知道,一些简单的代码其实是看得懂的,比如 HTML 的结构——一块一块由标签包裹起来,非常直观。

这里还有一个值得一提的点:如果你安装了 Claude Code 的插件,可以在代码编辑区的右上角直接打开 Claude Code,也就是说你完全可以在 Cursor 里面使用 Claude Code,接入非常方便。同样,如果你安装了 Codex 的插件,也可以打开 Codex 的 Sidebar,在 Cursor 里直接使用 Codex。

注:大家初期学习时依然使用 Cursor——之后不管过渡到 Codex 还是 Claude Code,都非常方便。

1.3 终端

在这里插入图片描述
终端是我们非常频繁使用的区域。终端就是命令行,用来输入和执行各种命令。大家初次接触终端时可能会有些畏难情绪,但用上几次之后你会发现,常用的就那么几个命令,非常简单。
先介绍几个最常用的项目命令:

npm install(或 pnpm install):安装项目的依赖包。这两者作用相同,区别我们会在后面的课程中讲到。
npm run dev:把项目运行起来。这个命令在后续课程中会经常用到。
再介绍几个基础的终端命令:
ls:列出当前目录下的所有文件和文件夹。比如执行后你会看到 index.css、index.html、src 等。
cd:进入某个目录。比如 cd src 就会进入 src 目录,进入后再执行 ls,就能看到 src 目录下的文件。
cd ..:返回上一层目录。比如从 src 目录执行 cd …,就回到了项目根目录。

注:大家目前掌握这几个命令就够了。如果在课程中遇到不认识的命令,直接问 Cursor、ChatGPT 或豆包,AI 都能百分之百回答。
掌握终端也是我们之后必须具备的能力,因为终端能够给 Agent 足够的权限去控制你的电脑,执行各种自动化操作。

在这里插入图片描述

1.4 AI 核心(Agent 对话区)

在这里插入图片描述
最后也是最核心的部分——Agent 对话区。这里是你和 AI Agent 进行对话的地方,也是使用 Cursor 的精髓所在。

你可以在这里新建一个 Agent 对话,也可以查看之前的历史对话记录。虽然你可以创建多个 Agent,但对于初学阶段,我建议大家使用单一的 Agent 来开发项目就够了,多 Agent 管理有一定门槛,后期再考虑。

1.5 Agent模式解读,选择,对话技巧

1.5.1 Agent 对话区有多种模式可以切换:

Agent 模式: 这是我们最常用的模式,99% 以上的场景都用它。AI 会直接帮你修改代码、执行操作。
Plan 模式: 当你的任务比较复杂时,推荐使用 Plan 模式。输入提示后,AI 会先详细规划你的任务,列出可能不清楚的地方并询问你,然后给你一份详细的需求和执行计划。你确认计划合适之后,它才会开始执行。对于大型、复杂的任务,Plan 模式非常实用——你可能考虑不周全的地方,AI 会帮你考虑到。
Debug 模式: 遇到报错时使用。
Ask 模式: 不会修改任何代码,纯粹的聊天问答模式。

在这里插入图片描述

1.5.2 模型选择

模型选择方面,我非常建议大家永远使用当前最顶级的模型。不要打开 Auto,也不要选 Premium,直接手动选择 SOTA(State of the Art)模型。
另外有一个 Max Mode,打开后上下文窗口会变成最大。初期我不建议大家开启,因为它会大幅增加 token 消耗。除非你后期做非常复杂的项目,再考虑打开。

1.5.3 对话技巧

@ 引用文件: 在对话框中输入 @,可以指定某个文件让 AI 修改。

例@index.html,AI 就能精准定位到这个文件,省去全局检索的时间和 token。

直接把文件或文件夹拖拽到对话框中:效果同上。

拖放图片: 对话框支持拖放图片。这个功能在复刻页面设计或常用组件时非常好用——把设计图拖进去,让 AI 照着实现。
在这里插入图片描述
Skills: 对话框中还可以运行预设的 Skill,比如把图片批量转成 WebP 格式等。Skills 的详细用法我们会在后面的课程中讲到,大家先有个印象即可。

二、Cursor 设置

2.1 通用设置

在这里插入图片描述

首先是布局选择。之前提到过,Cursor 有 Agent 布局和 Editor 布局两种,我们推荐大家使用 Editor 布局,笔者后期做项目的演示也基本都是用 Editor 布局。熟悉之后如果你觉得 Agent 优先的方式更顺手,切换过去也完全没问题。
点开 Settings 之后,General 部分是一些通用设置,大部分是 UI 相关的配置,比如 Status Bar 的显示与隐藏等。这些大家可以直接采用默认值,或者根据自己的喜好调整。

2.2 套餐与用量

在这里插入图片描述

2.3 模型的选择

在 Models 设置中,你可以选择和管理可用的模型。把不常用的模型关掉,只保留自己常用的即可。我们的建议是:永远使用最顶级的模型。当前,最顶级的模型是 Claude Opus 4.6 和 GPT 5.5。

2.4 Rules / Skills / Subagents

Rules 是给 Cursor 设定的全局规则或用户规则,用来约束 AI 的行为。但说实话,我目前不太建议大家去设置规则——现在的模型已经非常强大了,如果你设置的规则不够好,反而可能成为模型的限制。所以建议大家前期先不设置规则。
Skills 部分,我们后面有专门的 Skill 来讲解如何设置和使用。
在这里插入图片描述

2.5 MCP

MCP 的设置同样在 Cursor Settings 里面
在这里插入图片描述

总结

本文系统讲解了 Cursor 编辑器全功能使用方法,梳理侧边栏资源管理、搜索、Git、插件四大核心模块用法,介绍代码编辑区、终端命令与 AI Agent 对话模式。同时详解 Agent 模式选择、模型切换、引用文件等对话技巧,以及布局、模型、规则等基础设置。熟练掌握 Cursor 界面操作与 AI 协作方法,能大幅提升代码编写、调试与项目开发效率。前路漫漫亦灿灿,深耕所爱,步履不停。每一次坚持与学习,都在悄悄沉淀成长,把平凡的日子打磨成向上的力量,慢慢来,你想要的终会如约而至。
在这里插入图片描述

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐