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

相关推荐
花归去8 分钟前
echarts 柱状图曲线图
开发语言·前端·javascript
喝拿铁写前端8 分钟前
当 AI 会写代码之后,我们应该怎么“管”它?
前端·人工智能
老前端的功夫11 分钟前
TypeScript 类型魔术:模板字面量类型的深层解密与工程实践
前端·javascript·ubuntu·架构·typescript·前端框架
uzong11 分钟前
软件架构指南 Software Architecture Guide
后端
又是忙碌的一天11 分钟前
SpringBoot 创建及登录、拦截器
java·spring boot·后端
Nan_Shu_61435 分钟前
学习: Threejs (2)
前端·javascript·学习
G_G#43 分钟前
纯前端js插件实现同一浏览器控制只允许打开一个标签,处理session变更问题
前端·javascript·浏览器标签页通信·只允许一个标签页
@大迁世界1 小时前
TypeScript 的本质并非类型,而是信任
开发语言·前端·javascript·typescript·ecmascript
GIS之路1 小时前
GDAL 实现矢量裁剪
前端·python·信息可视化
勇哥java实战分享1 小时前
短信平台 Pro 版本 ,比开源版本更强大
后端