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

相关推荐
绝世唐门三哥30 分钟前
React---数组浅拷贝之slice的使用
前端·reactjs
听风者就是我33 分钟前
混合检索:关键词 + 向量的最佳组合
后端·ai编程
傅里叶36 分钟前
Flutter开发的app,实现Google 登录
前端·flutter
Memory_荒年1 小时前
当餐厅后厨也懂分布式:SpringBoot中的重试、限流、熔断与幂等的“四重奏”
java·后端·spring
刘晓飞1 小时前
nestjs 中的 rxjs
后端
胖橘1 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
我叫黑大帅1 小时前
🚀 JS 最常用的性能优化 防抖和节流
前端·javascript·面试
啊丫丫1 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
求知若饥1 小时前
webpage-channel 让不同页面通信像组件通信一样简便
前端·typescript·node.js
图扑软件1 小时前
图扑 HT 帧动画 | 3D 动态渲染设计与实现
前端·javascript·3d·动画·数字孪生