嗨，大家好，我是莫循，一个用AI加速开发的的全栈程序员~🎉，今天起开始更新系列文章，本系列文章将从0到1：AI助手带你开发微信小程序，从AI编程工具的使用到小程序的更新上架全过程。创作不易，如果能帮助到大家或者提供一些灵感和启发，欢迎收藏+关注。 今天来教大家AI编程工具之一：AI自动化编程神器Cursor基础使用教程
🌟 先来认识今天的主角：Cursor，它集成了GPT-4、Claude3.7等顶尖AI模型，写代码的速度直接起飞！下面跟我三步走：
-
下载地址
官网地址：www.cursor.com
-
下载到本地直接点击安装
-
可以一路点击安装
有两步可以自己选择
- ✔️ 安装路径建议选D盘（防C盘爆满）
- ✔️ 这里如果想将从右键打开编辑器可以勾选上, 方便右键快速启动
勾选的效果
-
cursor登录页
我们打开cursor，右上角有个设置的图标，我们点击她，可以看到Account菜单下有个Sign in，我们点击这个按钮。
点击按钮会自动打开浏览器跳转到登录页面。如果之前有账号可以直接登录，我们面向新手这里讲一下注册流程
-
点击Sign up跳转到注册页
- 起一个好听的名称
- 选择注册邮箱（实测邮箱也可以注册成功）
- 收到验证码就可以验证登录了
✨ 重点：新账号自动解锁Pro版14天！AI生成代码不限量！我们可以看到cursor已经可以登录了，新人注册可以免费使用高级版本
登录上我们可以在此查看试用额度
打开cursor我们就可以看到登上的界面了
- 这里我们可以点击打开文件夹，选择你的项目存放的目录
创建项目
如果有现成的项目，可以选择直接打开
-
窗口介绍
编辑器窗口主要分成三个部分
- 左侧是项目的文件目录界面，我们可以在这里查看项目文件，新建，修改，编辑项目文件
- 中间是代码编辑页面，我们可以在这里修改我们的代码工程
- 右侧是AI大模型对话界面，可以执行ai
-
创建一个简单的html界面
我们在右侧对话框，选择Agent模式，模型选择claude-3.7-sonnet-thinking，这是目前写代码比较好的模型
现在，让我们快速实现一个简单的html页面
提示词： 你好，请帮我实现一个待办事项网页项目，可以添加任务，查看任务列表，切换任务状态，删除任务，修改任务。
cursor将自动执行我们给的任务，可以看到，经过一段时间，它已经帮我们实现了代码。
我们点击左侧接受此文件修改，或者点击【Accept All】一键生成完整代码！
-
本地预览
方式一：文件方式
我们可以打开本地的文件，使用浏览器直接打开文件。右键创建好的html文件，点击 Reveal in File Explorer（打开文件所在目录）
双击html文件，或者右键选择一个浏览器
方式二：插件代理
使用Cursor插件打开本地代理服务（更接近网页的浏览形式）。按步骤点击插件市场，搜索live server ，找到后点击install。安装完成后，重启一下cursor。
在html文件的编辑页面右键可以看到Open with Live Server选项
-
项目体验
通过以上两种方式，我们可以看到刚刚cursor帮我们实现的一个简单的网页程序。
想看cursor帮我生成的代码可以点击查看：gitee.com/moxunjinmu/…
-
代码修改优化
刚刚我们已经体验了cursor 的项目生成功能，现在我们需要修改项目，那该怎么做呢？比如这里，我在编辑的时候发现，网页弹出了一个对话框，非常的不美观，我想要在网页里直接修改。
我们打开cursor，在对话框里输入我们的需求（提示词）：编辑的时候需要在打开的弹出框里编辑，我需要直接在网页里编辑内容，编辑完可以保存。
在 Add context里，我们可以选择参考的上下文（代码），可以选择文件，代码片段或者整个文件夹。
发送我们的提示词。
现在，cursor已经帮我们实现了简单的功能修改。当然，如果你有其他的需求，还可以继续和cursor对话，让它逐步完成你需要的功能。
7.对话模式
在对话框我们可以选择Ask模式，这个模式就是聊天窗口，我们可以问AI问题，它并不会帮我们直接修改代码。
聊天页面我们也可以提出要修改的需求，这时候它会给出代码修改的内容，我们可以直接点击右侧的应用（1），也可以复制代码（2）自己粘贴到项目里。
8.局部编辑
如果有明确知道要修改的代码，我们可以直接选中，添加到对话框，或者在代码页面编辑，输入提示词
14天使用到期了怎么办？这里可以卡一波bug，仅供参考。
项目开源地址：github.com/yuaotian/go…
步骤：
- 退出cursor编辑器账户
- 删除浏览器账号
- 出现试用到期时执行命令
- 到期提醒
- 管理员模式打开cmd，执行命令
- 执行完后会询问是否禁用自动更新，这里想继续试用选择禁用，我们输入 1
- 到期提醒
- 重新登录cursor账号
下期教大家用Cursor+微信开发者工具搭建小程序，点个关注不迷路
遇到问题随时评论区@我，手把手帮你搞定！跟着教程操作的同学，记得在评论区晒出你的待办清单截图哦 🚀
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/219284.html