【AI编程实战】安装Cursor并3分钟实现Chrome插件(保姆级)

Cursor介绍

https://www.cursor.com/

一句话介绍:AI代码编辑器,当前最火的AI编程器

软件下载与安装

下载

打开Cursor官网下载,会根据操作系统的差别进行选择

https://www.cursor.com/

这里下载的内容很小,是个安装器,解压缩后运行会正式下载

安装

直接双击就可以了

账户配置与登录

安装完后需要注册/登录,提供15天的试用期,以及token的数量(500个 Premium models,以及后面的无限的调用),模型的选择可以在cursor里面设置。

关于试用和额度,可以搜到不少方案来解决。正文里先不写。

通用配置

Preferences->Cursor settings->General

在Rules for AI,这里的 “Always respond in 中文”即表示可以安装中文交互;

模型配置

在Preferences->Cursor settings->Models

可以看到各种模型的启用状态,这里和账户里面的额度相对应

特性配置

在Preferences->Cursor settings->Features

可以看到一些特性配置。Composer保持打开状态,一次可以修改多个文件。

快捷键是:Ctrl/Cmd + I

初次使用有几个引导任务,应该也是最常使用的;可以尝试着体验下诸如 代码补全、AI问答等功能;

到这一步,已经可以开始自动化编程了。

常用快捷键

Cmd + I :小窗 compose 模式

Cmd + Shift + I : 全屏 compose 模式

Cmd + L : 聊天模式

Cmd + K: 选中代码进行修复

项目实战

项目描述

本次开发一个Chrome浏览器插件,用于划词翻译英文

初次开发

第一步:创建一个文件夹

第二步:然后在Cursor下打开该文件夹

第三步:使用快捷键 Cmd+Shift+I 调出Composer界面

第四步:命令交互:这里直接使用最朴素的语言进行交互

1)输入需求:帮我便写一个chrome浏览器的翻译插件,在鼠标划词选中英文时,将其翻译成中文

2)自动生成多个文件

3)生成过程

4)如何使用

可以看到非常智能,使用说明都帮忙写好了,按照说明加载下试试:

尝试修改

修改执行,看看如何修改

效果展示

结语

用自然语言可以完成一件编程作品,是之前很多科幻里的期望,现在已经慢慢成为现实。

后续将持续更新更多内容。

上一篇:el-cascader 使用笔记-5.使用实例(封装组件)


下一篇:基于Amazon Bedrock:一站式多模态数据处理新体验