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

相关推荐
好家伙VCC27 分钟前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务1 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整1 小时前
面试点(网络层面)
前端·网络
VT.馒头1 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy2 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron07073 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
css趣多多4 小时前
地图快速上手
前端
zhengfei6114 小时前
面向攻击性安全专业人员的一体化浏览器扩展程序[特殊字符]
前端·chrome·safari
码丁_1174 小时前
为什么前端需要做优化?
前端
Mr Xu_4 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构