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. 遇到任何问题,可直接回复,让其自动修改或者优化。

相关推荐
用户5270964874490几秒前
🎨 Stylelint:让你的 CSS 代码优雅如诗
前端
日升几秒前
AI 组件库-MateChat 组件大全与主题定制
前端·ai编程·trae
龚思凯3 分钟前
TypeScript 中 typeof 的全面解析:从基础用法到高级技巧
前端·typescript
itslife5 分钟前
实现 render 函数 - 初始化更新队列
前端·react.js·前端框架
Jooolin5 分钟前
Flask 入门到实战(2):用 SQLAlchemy 优雅操作数据库
后端·flask·ai编程
Kapaseker5 分钟前
Android程序员初学Rust-通道
后端·rust
baozj6 分钟前
一次表单数据复用引发的 Bug:理解 Vue 中的 data 为何是函数
前端·javascript·vue.js
BingoGo7 分钟前
PHP 8.5 将带来什么 🚀
后端
LRH8 分钟前
JS基础 - instanceof 理解及手写
前端·javascript
coding随想8 分钟前
查找算法全解析:从顺序查找、折半查找到哈希查找
后端