Cursor高级用法揭秘:你真的知道吗?
大家好,Cursor 的火热程度我不需要多说了。关于如何登录(白嫖)以及自定义 API 密钥的相关问题,网上已经有很多教程,我们直接跳过!今天我要和大家分享一些 Cursor 的高级用法和相关配置,保证让你满载而归。
官方文档:docs.cursor.com
vscode导入:
首先,请确保您已安装了 VSCode。接下来,在 VSCode 中打开终端窗口,输入以下命令:
```bash
npm install -g @cursor/extension-vscode
```
然后重启 VSCode,就可以使用 Cursor 的插件了。
在 Codebase Indexing 中,我们首先讨论的是 Cursor 的代码库索引功能。这个工具会全面扫描并记录你的项目代码,从而让 AI 模型能更好地理解和引用这些代码。这相当于当你编写代码时,AI 可以基于整个项目的上下文提供更准确的补全、错误检查和重构建议。这个功能真的很棒😎!
Cursor 支持通过自定义规则增强 AI 功能。这些规则可以在项目的根目录下配置,例如 `.cursorrules` 文件,并开启 `Include` 选项。
这里为您推荐一个社区网站:`cursor.directory`,里面包含了多种语言的角色预设。可以直接复制下来自己修改,省时省力。
三个快捷键:
- Ctrl + I (Mac: Command + I):调用 @ 符号,快速检索内容,提高效率。
- Ctrl + K:在编辑器中生成代码片段或修改选定代码,针对当前文件使用。
- Ctrl + I:在代码中进行智能插入,帮助快速定位和插入代码块,甚至可以组织多文件的关联处理。
Ctrl + L(Mac: Command + L):打开 AI 聊天面板,支持上下文查询,获取建议或解决问题。
以下是三个快捷键的功能:
- Composer: Ctrl + I (Mac: Command + I) 是 Cursor 的王牌功能!
- Ctrl + K(Mac: Command + K)用于在编辑器中快速生成代码片段或修改选定代码。
- Ctrl + I(Mac: Command + I)在代码中进行智能插入,帮助快速定位和插入代码块,并甚至可以组织多文件的关联处理。
Ctrl + L (Mac: Command + L):打开 AI 聊天面板,支持上下文查询,获取建议或解决问题。
以下是使用 Ctrl + K 的快捷键功能:
@Chat:将当前聊天消息作为上下文添加到 Ctrl + K 中。
@Codebase:扫描代码库,并根据查询重新排序上下文项。
@Definitions:将附近的定义添加到 Ctrl + K 作为上下文。
@Docs:使用已索引的第三方文档作为上下文。
@Files:引用整个文件,并在 Ctrl + K 中显示预览。
@Folders:引用整个文件夹,适用于长上下文聊天。
@Git:在聊天中添加 git 提交、diff 或拉取请求。
@Link:让 Cursor 访问并解析链接内容。
@Web:通过构建搜索查询,在网络上查找相关信息。
@Notepad: 使用 Ctrl + Shift + I 呼出 notepads 面板,保存你需要添加的上下文并命名。用此指令快速索引。
忽略文件配置:
有时我们希望某些文件不被索引。可以创建一个 `.cursorignore` 文件来实现这个需求。它的使用方法和 .gitignore 几乎相同。详情请参考官方文档:docs.cursor.com/context/ign…
添加本地文档:
在设置 - Features 中,Docs 可以输入网址来添加到本地知识库。
请注意,这些配置可能因操作系统和版本的不同而有所差异,请根据实际情况进行调整。
隐私保护
默认禁用功能,请注意以下事项:如果小伙伴不想让代码被存储到cursor中,请记得关闭相关设置。
一些小技巧:
使用`code .`或`code /xxx/xxx`命令打开文件直接编辑。现在我发现默认的`code`命令也是将代码存储在cursor中,若不是这样,请检查where code查看cursor位置并调整顺序,以确保匹配第一个结果。
在使用 React 开发的过程中,我们会遇到许多需要改进的地方。例如 ClickToComponent 这个插件可以帮助我们提升开发效率。它默认设置为打开 VSCode。现在我们需要对这个配置进行调整以适应我们的需求。
点击以下链接可以获取详细的文档和教程:ClickToComponent官方文档
https://github.com/YourGitHubUsername/ClickToComponent/blob/master/doc/docs.md
Umi中修改config文件:
clickToComponent: { editor: 'cursor' },
接口定义:
将后端接口文档复制到项目的某目录下进行管理(如果必要的话可以忽略掉gitignore),这样调用接口时的出入参、枚举值和导入路径都会更符合你的习惯!这就是我为你准备的Cursor高级使用指南,希望能帮助你的开发工作更加顺利!
如有任何问题或心得,欢迎在评论区留言分享,我们一起进步吧!