以下是关于如何使用 Cursor 开展编程开发的详细指导:
技术架构:
工作流搭建:
可视化界面、chrome 插件开发:
Cursor 实践:
Cursor 官方介绍:
本文默认你已经了解基本的cursor和coze的能力,以及自己动手搓过一些bot采用前后端分离架构:后端:基于Coze工作流构建业务逻辑前端:Chrome浏览器插件,提供轻量级交互界面[heading2]工作流搭建[heading3]核心组件配置[content]工作流的两个重要部分插件大模型工作流总览大模型节点提示词输出节点markdown排版(注意markdown里图片的渲染格式)注意的细节输出图片的变量用的是contentUrl[heading2]可视化界面、chrome插件开发[content]使用cursor开发,最重要的是架构思维,你要懂得如何和AI描述你想要的东西,我也是踩了好多坑,一步步慢慢学习,最重要的还是在实践中学习。[heading3]coze关键数据[content]1、获取授权令牌(Token)2、掌握工作流调用方法查看coze的api开发文档,查看执行工作流的实例,这里需要两个关键参数1、你的令牌密钥,2、工作流开发代码在这里获取工作流的开发文档在这里获取个人令牌在工作流界面获取工作流id这样,把内容组合在一起,然后让cursor根据下面内容写一个调用coze工作流的的服务,我这里用了python测试,但是可以直接写成chrome插件这里有两个注意点我们要声明入参为article_url(在coze工作流我是这样写的),还有要让cursor注意中文编码,不然会报错,然后他会创建cursor所需的文件,我们只需要点右下角的accept all就行完成这一切,我们可以用chrome加载做好的插件
打开Cursor的官网:[https://www.cursor.com](https://www.cursor.com),点击download进行下载和安装。亲测,不用魔法上网也可以访问。[heading2]3.2、实现简单需求[content]安装之后,打开之后发现和其他的编程IDE页面很像,这个时候我们可以通过commd+L调起AI对话,输入你的需求或想实现的效果。整体的页面构成是左侧是代码文件、右侧是提示对话框。我们可以提前创建一个文件,这样就可以点击对话框的代码块旁的”Apply“、”Accept“将代码保存在左侧文件里。如果不知道如何运行它,也不用担心,一般对话框里都会明确告诉使用方法,不清楚或报错了继续追问就行。在最右侧的图我们看到,这个浏览器插件的功能已经成功了。我们还可以在这个基础上继续修改,比如希望可以拖动,颜色更美观、显示分钟等,只要在对话框里表达你的需求,然后对着生成的代码块点击“Apply”→“Accept”、保存文件、验证测试就行了。[heading2]3.3、Tips小结[content]完成了一个小需求,我们来做个小结。在对话框里不断追问,一步一步完善需求;比如这个展示页面时长的插件,先看到展示,再对展示的样式等进行优化对话时,可以@本地代码文件进行问答,可以得到更精准的回答可以本地存一份需求说明文档(这个也可以让它帮你生成),在迭代过程中,可以随时让它查阅遇到任何报错、不理解的地方,都可以截图或复制后在对话框里丢给它,可以要求它对细节操作进行解答,直到验证成功为止不要有面对代码的恐惧,代码只是工具,可以从非常简单的小需求开始练手,使用熟悉之后会和它配合越来越顺畅
Built to make you extraordinarily productive,Cursor is the best way to code with AI.Cursor旨在让您极其高效,它是使用AI进行编码的最佳方式。[heading1]使用cursor See Cursor In Action[content][Cursor-www cursor.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/KYw3bCQmIozhEmx7qhvca0Mbnsd?allow_redirect=1)[heading1]读懂数据库Knows your codebase[content]Get the best answers from your codebase—or refer to specific files or docs.Use the model's code in one click.从您的代码库中获得最佳答案——或参考特定文件或文档。一键使用模型中的代码。[chat.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/WjGybvlA3owjybxj9A8cQyTNntd?allow_redirect=1)[heading1]使用tab来编辑Just hit tab[content]Cursor lets you breeze through changes by predicting your next edit.Cursor通过预测您的下一个编辑,让您轻松完成更改。[cpp-full-video.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/VyF9bY43wo32T3x3wfpcTSXJnrg?allow_redirect=1)