一文玩转 Cursor, 重塑开发效率
一 基础配置1.1 汉化输入Chinese,选择简体中文Install.1.2 Vscode迁移Cursor手动导入 settings.json 和代码片段方案一:直接复制文件目录说明MacVSCode 目录 /Users/电脑用户名/Library/Application Support/Code/User/Cursor 目录 /Users/电脑用户名/Library/Application S
1.1 汉化
输入Chinese,选择简体中文Install.
1.2 Vscode迁移Cursor
手动导入 settings.json 和代码片段
方案一:直接复制文件
目录说明
Mac
VSCode 目录 /Users/电脑用户名/Library/Application Support/Code/User/
Cursor 目录 /Users/电脑用户名/Library/Application Support/Cursor/User/
Windows
VSCode 目录 C:\Users\电脑用户名\AppData\Roaming\Code\User
Cursor 目录 C:\Users\电脑用户名\AppData\Roaming\Cursor\User 文件说明
settings.json:用户的设置文件
snippets:用户的全局代码片段
keybindings.json:用户的自定义快捷键配置
方案二:在编辑器打开对应配置文件再复制
适合文件较少的配置
打开 settings.json 文件
打开 VSCode,按 Ctrl/⌘ + , 打开设置
点击右上角的 打开设置 / Open Settings (JSON)
打开代码片段文件
点击左下角的设置按钮
打开 VSCode,按 Ctrl/⌘ + , 打开设置
点击右上角的 打开设置 / Open Settings (JSON)
复制 settings.json 文件中的内容
打开 Cursor,按 Ctrl/⌘ + , 打开设置
点击右上角的 打开设置 / Open Settings (JSON)
将复制的内容粘贴到打开的 settings.json 文件中
1.3 试用期结束后,如何白嫖
使用“无限邮箱”工具
当你的试用期结束或500次请求用完后,你可以通过以下方法重新注册新账号,继续享受Cursor的服务:
创建主邮箱:在“无限邮箱”里面注册一个主邮箱。例如:zhouzongxin@2925.com。
生成新邮箱:在主邮箱的基础上,使用“+”号生成新邮箱,如 zhouzongxin+1@2925.com 或 zhouzongxin+a@2925.com。
注册Cursor:有了主邮箱之后,在Cursor注册页面输入新邮箱地址,如 zhouzongxin+1@2925.com 或 zhouzongxin+a@2925.com。记住重点,你要在主邮箱的后面加上一个“+”号,这个加号后面可以是任意字符。然后你就会在主邮箱内,收到副邮箱的验证码了。
这种方法的有效性可能会随时被官方禁止,因此建议有兴趣的用户尽快尝试!⚡️
二 快捷使用
快捷键及其功能
2.1 CTRL/CMD + L:打开对话框
使用 CTRL/CMD + L 可以在编辑器右侧打开对话框(这个 L 是在 Vim 键位下的向右键,Vim 中的方向键分别是 h、j、k、l,对应于键盘上的一行,h 向左,l 向右,j 向下,k 向上。我非常喜欢这一点)。
2.2 CTRL/CMD + K:打开生成窗口
使用 CTRL/CMD + K 可以在光标上方(因为 K 代表向上!)打开生成窗口:
需要特别说明的是,当你选中一段内容后,按下 CTRL/CMD + K 键,同样可以打开相应的窗口。在这种情况下,生成的内容将基于你所选中的文本作为上下文。
2.3 CTRL/CMD + I:打开 Composer
使用 CTRL/CMD + I 可以打开 Cursor 的一项独特功能:Composer。Composer 是 Cursor 的特色功能,它允许你在一个对话窗口中同时对多个文件进行修改。
要使用 Composer,首先需要在 Cursor 的设置中启用它。你可以按照以下路径访问设置页面:File > Preferences > Cursor Settings > Features > Enable Composer。
在这里,你可以输入一个分步骤的复杂修改任务,涉及多个文件,Composer 将会同时生成所有相关文件的修改内容。不过,通常情况下,建议通过小面板界面右上角的按钮来打开 Composer 的完整界面,以便更好地进行操作。
它会清晰地在左侧列出你在对话中需要修改的文件及其具体位置,你可以直接应用相关的修改。
这正是我目前体验到的最佳 AI 辅助编程方式:你可以在一个窗口中自然地用自然语言描述需求,无需在多个窗口和文件之间切换。我觉得 Cursor 探索出了最优的交互形式。
2.4 @ Files:传递指定代码文件的上下文
当你在对话框中输入 @Files 注记时,Cursor 会自动弹出你代码仓库的检索列表。你可以输入想要导入上下文的文件名,按下确认键后,相应文件的内容将自动注入到上下文中。
2.5 @ Code 提供更精确的代码片段。
使用 @ 注记的方式类似,都会弹出相应的检索框。你只需输入关键词,然后在索引列表中选择所需的代码块即可。
代码块的识别由你开发环境的 LSP(语言服务器协议)决定,通常情况下识别的准确性较高。
2.6 @Docs 可以从函数或库的官方文档中获取上下文。
目前,它仅能从可访问的在线文档中提取信息。因此,除非你能够提供一个在线地址,否则自己编写的类似 JSDoc 的文档信息是无法被使用的。我个人认为这个功能的适用性有限。
2.7 @Web:从搜索引擎获取上下文
@Web 注记类似于一种方法,它会默认先将你的提问发送到搜索引擎,然后从搜索结果中提取上下文供 LLM 使用。然而,由于 Cursor 官方并未公开具体的实现细节,且其功能尚未完全优化,实际使用效果时好时坏。
如果你遇到问题,想要省去打开网页搜索错误信息的麻烦,或者大模型的回答无法解决你的问题,可以直接使用这个注记。
2.8 @Codebase:仅在对话窗口使用,用于扫描代码仓中的文件
@Codebase 注记的功能并不算太实用。与其说它是用来扫描代码仓,不如说它是从代码仓中找到你所需文件的上下文。这实际上更像是一个 CodebaseFilter。
个人认为在日常开发中不太会用到这个注记,因为它需要设置过滤条件和参数。
三 工作实际应用举例
3.1 初始化项目
3.2 智能纠错
3.3 梳理接口文档
3.4 梳理代码逻辑
CTRL/CMD + K 代码优化 - TS报错,代码注释,代码抽象 等
3.5 代码抽象
方法抽象
枚举抽象
3.6 代码注释
3.7 TS报错优化
3.8 测试用例
3.9 CTRL/CMD + I 多文件联动修改同一方法
3.10 @Code 快捷搜索方法以及注入
3.11 @Chat AI 问答助手
3.12 @Folders 快捷标记文件路径
四 Cursor局限性
4.1 长文件(>1000),复杂逻辑文件优化存在问题
4.2 安全性
虽然 cursor 官方宣称数据是保存在本地的,不会被上传,但是我知道你一定担心。这是个有意思的问题,因为关于这一点无论对方如何承诺你都不会轻信,隐私和方便它永远是问题的两端,我们不可能全都要,所以要做个取舍。
4.3 成本
如果你使用 cursor 是包含两部分费用的,一部分是软件的费用,这部分比如一个月 20是付给的,另一部分是模型的使用费用,这个是你付给像这样的模型提供商的。那么加起来可能一个月你至少有 以上的成本。不过关于模型这部分,因为 cursor 可以添加 deepseek 的 coder 模型,所以模型使用成本算是打下来了,因为 deepseek 模型的 API 是白菜价
不但是白菜价,首次注册人家还送 500万 tokens
推荐阅读
(点击标题可跳转阅读)
[极客前沿]-你不知道的 React 18 新特性
[极客前沿]-写给前端的Docker上手指南
[面试必问]-你不知道的 React Hooks 那些糟心事
[面试必问]-一文彻底搞懂 React 调度机制原理
[面试必问]-全网最简单的React Hooks源码解析
[面试必问]-一文掌握 Webpack 编译流程
[架构分享]- 微前端qiankun+docker+nginx自动化部署[自我提升]-送给React开发者十九条性能优化建议
[大前端之路]-连前端都看得懂的《Nginx 入门指南》
[软实力提升]-金三银四,如何写一份面试官心中的简历
觉得本文对你有帮助?请分享给更多人
关注「React中文社区」加星标,每天进步
“在看和转发”就是最大的支持
更多推荐
所有评论(0)