Cursor 最简易上手体验:谷歌浏览器插件开发3s搞定!

什么是 Cursor

Cursor AI 是一款集成 GPT-4 等模型的 智能代码编辑器 ,基于 VS Code 改造,支持自然语言生成代码(如输入需求直接输出完整函数)、智能补全与重构(多行预测、自动优化结构)、跨文件分析(快速定位项目逻辑)及AI 调试(错误修复与测试生成)。其优势在于无缝衔接开发流程,兼容插件生态,兼顾隐私(本地运行)与协作(云端支持),显著降低重复编码耗时,适合快速原型开发、遗留代码维护及团队协作场景(效率提升可达 30%~50%)。

下载安装

安装 cursor 编辑器(免费版 Cursor 提供 14 天试用期,可通过更换邮箱延长使用)

官网地址:www.cursor.com/cn 所有下载:www.cursor.com/cn/download...

开始安装:

skip and continue 跳过并继续 代码编辑器风格,按照自己习惯的去选。功能都是一样的,只是界面风格不一样 选择语言,继续

注册界面

(因为太火爆啦)注册时可能需要多点几遍

登录界面

安装插件

(如果插件搜索列表空荡荡,可能是打开了 vscode,可以先把vscode关掉再试试)

例如安装:Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

安装完成后,重启 Cursor

界面介绍

修改主题

三种对话模式:Agent、Manual、Ask

  1. Ask 模式
  • codebase(代码库索引,代码库上下文搜索)
  • web(联网搜索)
  • Read file(读取文件)
  1. Manual 模式
  • codebase(代码库索引,代码库上下文搜索)
  • web(联网搜索)
  • grep(代码片段搜索)
  • Read file(读取文件)
  • Rules(将规则添加到上下文)
  • edit(编辑,reapply)
  • delete(删除文件)
  1. Agent 模式
  • 所有的search能力
  • 所有的edit能力
  • 所有的run能力

了解代码 ask;修改某个文件代码 edit;一系列复杂操作 edit

实践

  1. 创建一个空的文件夹,命名为自己想开发的插件名称,在 cursor 中打开文件夹

  2. 新建对话框,使用 Agent 模式,输入关键内容。例如:帮我生成一个谷歌小游戏插件:贪吃蛇,踩雷

  3. 添加图片文件

  4. 在谷歌浏览器中安装插件

    加载已解压的扩展程序,

  5. 打开后发现乱码,可以继续让 cursor 完善 打开后文字乱码了,处理一下 未能成功加载扩展程序:

    Default locale was specified, but _locales subtree is missing.

    无法加载清单。

  6. 遇到任何问题,可直接回复,让其自动修改或者优化。

相关推荐
用户141250166527几秒前
一文搞懂 Vue 3 核心原理:从响应式到编译的深度解析
前端
正在走向自律2 分钟前
RSA加密从原理到实践:Java后端与Vue前端全栈案例解析
java·前端·vue.js·密钥管理·rsa加密·密钥对·aes+rsa
我是天龙_绍3 分钟前
Lodash 库在前端开发中的重要地位与实用函数实现
前端
她说彩礼65万3 分钟前
ASP.NET Core 应用程序启动机制 宿主概念
后端·asp.net
LuckySusu7 分钟前
【vue篇】Vue 数组响应式揭秘:如何让 push 也能更新视图?
前端·vue.js
LuckySusu8 分钟前
【vue篇】Vue 性能优化神器:keep-alive 深度解析与实战指南
前端·vue.js
LuckySusu8 分钟前
【vue篇】Vue 核心机制揭秘:为什么组件的 data 必须是函数?
前端·vue.js
LuckySusu11 分钟前
【vue篇】Vue 响应式陷阱:动态添加对象属性为何不更新?如何破解?
前端·vue.js
LuckySusu11 分钟前
【vue篇】Vue 异步更新之魂:$nextTick 原理与实战全解
前端·vue.js
LuckySusu11 分钟前
【vue篇】Vue 条件渲染终极对决:v-if vs v-show 深度解析
前端·vue.js