AI编程开发工具---Cursor
💡学习目标
-
了解cursor,完成下载和安装
-
快速上手：用cursor完成一个简单的网站搭建
Cursor 是什么？
Cursor 是一款真正意义上的 AI 编辑器，集成了强大的AI大模型。正如 Cursor 官网所述：
The AI Code Editor Built to make you extraordinarily productive, Cursor is the best way to code with AI.
Cursor 非常适合零编程基础的文科生使用，让我们以最快的速度进入编程的世界。它利用AI技术降低了编程的学习门槛，无需深入掌握复杂的语法或逻辑，就能快速上手。
Cursor 可以根据我们的需求自动生成代码、解释编程概念，甚至提供实时建议。例如，当你想分析财务数据或生成可视化报告时，只需描述我们的需求，Cursor 就能为你生成对应的代码，并一步步引导我们理解和优化。它还可以帮助你调试代码，提供详细的错误解释和解决方案，大大减少了学习和实践中的挫败感。
Cursor下载与安装
cursor官网地址
点击【Download】，即可下载Cursor。在下载cursor后，点击安装，苹果电脑上，会看到下面的图标。
Cursor注册与登录
点击该软件，会进入到Cursor的注册、登录界面，支持Gmail和Github两种方式登录。
登录后，就可以使用Cursor了。不过Cursor不是免费完全免费的软件，Pro用户需要20$/月。不过幸运的是，对于新用户，都是可以免费使用14天的。所以，对于想要尝鲜的，免费版够用了，或者说你注册多个账号。
从一个简单的实战跟练开始cursor学习
实战案例原文链接 https://mp.weixin.qq.com/s/ZNXnD3MXldfDFrgR_V2xFA
我们的目标是搭建一个电商网站！
1）打开Cursor客户端，新建一个文件（点击下图这个红框按钮），命好名。
2）使用comand+L，打开对话窗口，如下图所示：输入你的提示词：“帮我生成一个电商网站”它会分分钟帮助你生成一个电商网站代码（这里它默认使用的是Claude-3.5-Sonnet 模型），然后点击红框中的「Apply」按钮：
它会将代码填充至左侧.
3）点击「Accept」，我们就可以使用AI生成的代码啦～ 4）将上面这部分代码，copy至VS code中，先用VS Code新建一个html文件，把代码copy进去，然后保存该文件；或者直接在Cursor里，找不到保存按钮时，就“关闭”你的文件，它会自动弹出保存代码页面，你保存就好了。 存储到本地，文件后缀注意为html（因为是网页）。 在你的本地找到你保存的html文件，在浏览器中打开，如下： 使用界面有点过于简陋和朴素，但是不怕！我们再让AI优化一下： 提示词：请优化当前网站，要求生成一个科技感十足的电商网站我们得到： AI按照要求生成了但是网站还是有点空，我们先增加一些icon和配图，同时增加一些内容资讯，撑一撑整体的网页布局。 提示词：“请在此基础上，添加一些配图和icon，同时请再加入一些内容资讯类的元素，撑一撑画面，使网站内容更丰富”。 https://cursor101.com/zh?utm_source=chatgpt.com https://www.bilibili.com/video/BV1oF4TegEne/?utm_source=chatgpt.com https://www.zcool.com.cn/article/ZMTY0MDUyMA%3D%3D.html?utm_source=chatgpt.com https://cloud.tencent.com/developer/article/2483547?utm_source=chatgpt.com
✍🏻更多学习资料
返回 目录页