在这里插入图片描述

官话:Cursor是一个AI编程助手,它可以帮助开发者自动生成代码、优化项目结构,并提供一系列编程相关的智能建议。
人话:它是个优秀的程序员,你只要告诉它,我需要一个什么程序,它会在一分钟之内帮你写好,并且能够直接运行,且效果最大程度的符合预期

1. 讲在前面

1.1 它是什么

  • 它是vscode

它基于 VSCode 修改派生,如果你平常使用 VSCode 进行开发,那么你能够非常便捷地迁移过来。而且你在 VSCode 上的配置,插件都能够直接导入到 Cursor 里使用。

  • 它的功能核心是大模型

它的强在于集成了claude3.5 sonnet和GTP 4o等业界编程能力超强的优秀大模型。 不需要科学上网就能使用
Cursor支持多个AI大模型,如claude,gpt,corsor-small或自定义AI模型。

  • 它不是copilot,但比copilot更强
    它不仅仅是补全代码,它可以完全从0到1生成代码

1.2 成品效果展示

  • 考勤小工具:排班表生成平台
    在这里插入图片描述
  • 俄罗斯方块 & 中国象棋

提示词:写一个网页版的俄罗斯方块(真的就写了这句话,就离谱)

俄罗斯方块:生成的可玩的react+typescript的游戏(用了2分钟左右)
在这里插入图片描述

中国象棋:一行代码都没有手写,全凭自然语言让cursor自己生成和调整代码,不超过30分钟
在这里插入图片描述

  • 小型项目:政务助手
    在这里插入图片描述

2. 它能干嘛

2.1 自然语言编程

通过 Chat 和 Composer,我们可以使用自然语言编程,大大简化了编码过程。Cursor 可以阅读您的整个代码库(也是这个原因导致大型互联网公司禁用)。也可以精确地指定文件、符号、文件夹、联网查询等。

2.1.1 一句话生成结果

请我帮生成一个站点注册和登录窗口。

在这里插入图片描述

2.1.2 工程化编程

可以给出更详细 的说明

请帮我用实现一个学员累计学时达标榜生成程序,要求如下:
1. 生成一个html页面,页面分为并列两个区域,左侧30%宽度空间为操作区域, 右侧70%的宽度空间为展示区域;
2. 操作区域有如下组件:
  - 文本输入框,用于输入班级名称
  - 下拉选择框, 用于选择级别,级别包括‘高级’,‘中级’,‘初级’。
  - 文件选择框,用于上传学时统计表,表格为excel表,支持拖拽上传和点击上传
  - 提交按钮,点击后用于生成达标榜
3. 展示区域要求如下
  - 展示适配手机,可以参照iphone手机屏幕
  - 在手机屏幕中以表格形式展示学员达标情况,展示的内容包括排名,学员名称,学习时长,是否达标
  - 表格上方展示标题,标题为“[班级名称+级别]学时累计达标榜”
  - 展示的表格不得超出屏幕范围
4.以工程化的形式生成代码文件目录
  - 使用python + flask实现后端, 使用html,css,js实现前端 
  - 点击提交按钮后,需要将学时统计表传递给后端解析出来学员姓名,学习时长,根据学习时长进行排序,学时超过3600则为达标,否则为不达标

在这里插入图片描述
在这里插入图片描述

2.2 代码修改

Cursor 可以理解整个工程的代码,同时修改多个文件,实现复杂的代码更改。相较于代码插入,实际的工程中,我们更需要的代码修改能力。

2.2.1 通过chat对话提示词让大模型修改

请把界面再美化一下,类似于ios系统风格

在这里插入图片描述
在这里插入图片描述
Tips:一定要打开Composer
Cursor Composer 是集成在 Cursor 编辑器中的 AI 驱动工具。它突破了单行和单文件编辑的局限,让你能够:

  • 同时编辑多个文件
  • 根据高级指令生成整个应用程序
  • 利用对项目结构的上下文理解
  • 交互式地优化生成的代码
    在这里插入图片描述

2.2.2 提供报错截图让大模型修改

在这里插入图片描述

2.3 看图生成代码

请帮我用python gradio生成stable diffusion的体验界面,界面参照上传的两张图片,两张图为上下两部分,
1. 请确保生成的界面的页面风格,组件布局,组件颜色与上传图片内容完全一致。
2. 请确保生成的界面中所有的组件大小比例,长宽比例,组件之间位置间隔与上传图片完全一致

在这里插入图片描述
在这里插入图片描述

2.4 代码格式调整

  • 格式化markdown代码,去除无效空格
  • json格式化
  • js/css代码压缩/格式化

等等等等等等

具体下载使用,咱们下期见,哈哈

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐