Cursor 是一款高效创作与协作工具,旨在为用户提供一个简洁直观的工作环境。通过集成先进的编辑器、多平台同步和智能辅助功能,Cursor 帮助用户迅速捕捉灵感、组织思路,并在协作过程中保持高效。其设计注重用户体验,无论是撰写文档、编程开发还是团队讨论,都能轻松实现流畅转换。Cursor 的多样化功能不仅提升了个人生产力,也让团队协作更加无缝、透明。

https://www.cursor.com/cn/downloads
在这里插入图片描述

找到自己匹配的系统的,windows的需要注意一下是AMD64还是x64,在系统中查看
在这里插入图片描述

下载后点击安装
在这里插入图片描述
左边是cursor会收集你的数据,同时帮助改善用户体验,但是如果有什么隐私数据不想上传,可以使用provacy mode.
在这里插入图片描述
这个直接跳过就行了,登录的话那种付费的高级用户才用,普通体验暂时用不着。
在这里插入图片描述
skip以后,会弹出open project,然后new一个文件夹,就叫app搭建
在这里插入图片描述
先在setting里选择自己常用模型,一会编辑就可以直接切换
在这里插入图片描述

可以看到右上角是log in,可以注册新用户,也是直接使用github账号登录,登录以后左上角框里就可以看到模型的选择,3.7max收费的,别的都是免费的,这里使用claude 3.7.
在这里插入图片描述
然后选择一个自己喜欢的大模型,生成让cusor制作app的提示词框架
在这里插入图片描述
把提示词复制到cursor里面,点击send按钮,会看到代码不停的生成中。
在这里插入图片描述
他会先在指定目录下生成几个文件夹,然后再生成相应的代码
在这里插入图片描述

这个代码生成需要一点时间,在生成的时候,会报错,但是它有Auto-fix可以自己修复。
在这里插入图片描述
到css了
在这里插入图片描述
最后还生成了一个markdown,给这个app进行说明
在这里插入图片描述

点击Accept all ,左边会生成目录树,然后根据readme.md里面提示运行命令
在这里插入图片描述
报错是没有安装nodejs
在这里插入图片描述
这个包很少,很快就装完了,然后在cmd查看版本,能找到表面安装成功
在这里插入图片描述

需要修改,或是重新生成,只要替换提示词就可以,更精确的描述生成的效果越是符合预期。
在这里插入图片描述
如果是在已有基础上修改,只需要在右下角反斜杠告诉cursor需求

在这里插入图片描述

在这里插入图片描述
运行的时候有错,把错误复制给它,让他重新生成
在这里插入图片描述
非常智能,修复以后,再运行成功了
在这里插入图片描述
他还会提示,如果没有在安装npm,生成了一个html文件,可以在浏览器里面直接访问。
在这里插入图片描述
很快生成结束了
在这里插入图片描述
可以看一下效果,我没具体说要生成什么,让他自己发挥,生成个简答一点应用,自己做了一个任务管理的。
自己生成的
功能强大且用户友好 的待办事项应用,旨在帮助您高效地管理每日任务,提供任务管理、优先级设置和任务筛选等核心功能。

看下效果在这里插入图片描述
使用nmp启动端口也可以访问。
在这里插入图片描述

可以添加任务,设置优先级,确定时间。
在这里插入图片描述
再试一个
在这里插入图片描述
开始生成代码
在这里插入图片描述
生成结束
在这里插入图片描述
然后再继续提点要求
在这里插入图片描述
大概2分钟生成完了
在这里插入图片描述
看一下效果,明显比之前丰富了很多
在这里插入图片描述

Logo

火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。

更多推荐