Cursor编程AI辅助工具使用指南(一)
官话:Cursor是一个AI编程助手,它可以帮助开发者自动生成代码、优化项目结构,并提供一系列编程相关的智能建议。。
官话: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代码压缩/格式化
等等等等等等
具体下载使用,咱们下期见,哈哈
更多推荐
所有评论(0)