《AI编程开发微信小程序》第一章：AI自动化编程神器Cursor基础使用教程

嗨，大家好，我是莫循，一个用AI加速开发的的全栈程序员~🎉，今天起开始更新系列文章，本系列文章将从0到1：AI助手带你开发微信小程序，从AI编程工具的使用到小程序的更新上架全过程。创作不易，如果能帮助到大家或者提供一些灵感和启发，欢迎收藏+关注。 今天来教大家AI编程工具之一：AI自动化编程神器Cursor基础使用教程

一、下载安装

🌟 先来认识今天的主角：Cursor，它集成了GPT-4、Claude3.7等顶尖AI模型，写代码的速度直接起飞！下面跟我三步走：

1. 下载地址

官网地址：www.cursor.com

2. 下载到本地直接点击安装

3. 可以一路点击安装

有两步可以自己选择

• ✔️ 安装路径建议选D盘（防C盘爆满）

• ✔️ 这里如果想将从右键打开编辑器可以勾选上, 方便右键快速启动

勾选的效果

二、3秒注册白嫖高级版

1. cursor登录页

我们打开cursor，右上角有个设置的图标，我们点击她，可以看到Account菜单下有个Sign in，我们点击这个按钮。

点击按钮会自动打开浏览器跳转到登录页面。如果之前有账号可以直接登录，我们面向新手这里讲一下注册流程

2. 点击Sign up跳转到注册页

   • 起一个好听的名称
   • 选择注册邮箱（实测qq邮箱也可以注册成功）
   • 收到验证码就可以验证登录了

✨ 重点：新账号自动解锁Pro版14天！AI生成代码不限量！我们可以看到cursor已经可以登录了，新人注册可以免费使用高级版本

登录上我们可以在此查看试用额度

打开cursor我们就可以看到登上的界面了

三、快速开发一个代办清单项目

1. 创建项目

     这里我们可以点击打开文件夹，选择你的项目存放的目录

     如果有现成的项目，可以选择直接打开

   

2. 窗口介绍

编辑器窗口主要分成三个部分

• 左侧是项目的文件目录界面，我们可以在这里查看项目文件，新建，修改，编辑项目文件
• 中间是代码编辑页面，我们可以在这里修改我们的代码工程
• 右侧是AI大模型对话界面，可以执行ai

3. 创建一个简单的html界面

我们在右侧对话框，选择Agent模式，模型选择claude-3.7-sonnet-thinking，这是目前写代码比较好的模型

现在，让我们快速实现一个简单的html页面

提示词： 你好，请帮我实现一个待办事项网页项目，可以添加任务，查看任务列表，切换任务状态，删除任务，修改任务。

cursor将自动执行我们给的任务，可以看到，经过一段时间，它已经帮我们实现了代码。

我们点击左侧接受此文件修改，或者点击【Accept All】一键生成完整代码！

4. 本地预览

方式一：文件方式

我们可以打开本地的文件，使用浏览器直接打开文件。右键创建好的html文件，点击 Reveal in File Explorer（打开文件所在目录）

双击html文件，或者右键选择一个浏览器

方式二：插件代理

使用Cursor插件打开本地代理服务（更接近网页的浏览形式）。按步骤点击插件市场，搜索live server ，找到后点击install。安装完成后，重启一下cursor。

在html文件的编辑页面右键可以看到Open with Live Server选项

5. 项目体验

通过以上两种方式，我们可以看到刚刚cursor帮我们实现的一个简单的网页程序。

想看cursor帮我生成的代码可以点击查看：gitee.com/moxunjinmu/…

6. 代码修改优化

刚刚我们已经体验了cursor 的项目生成功能，现在我们需要修改项目，那该怎么做呢？比如这里，我在编辑的时候发现，网页弹出了一个对话框，非常的不美观，我想要在网页里直接修改。

我们打开cursor，在对话框里输入我们的需求（提示词）：编辑的时候需要在打开的弹出框里编辑，我需要直接在网页里编辑内容，编辑完可以保存。

在 Add context里，我们可以选择参考的上下文（代码），可以选择文件，代码片段或者整个文件夹。

发送我们的提示词。

现在，cursor已经帮我们实现了简单的功能修改。当然，如果你有其他的需求，还可以继续和cursor对话，让它逐步完成你需要的功能。

7.对话模式

在对话框我们可以选择Ask模式，这个模式就是聊天窗口，我们可以问AI问题，它并不会帮我们直接修改代码。

聊天页面我们也可以提出要修改的需求，这时候它会给出代码修改的内容，我们可以直接点击右侧的应用（1），也可以复制代码（2）自己粘贴到项目里。

8.局部编辑

如果有明确知道要修改的代码，我们可以直接选中，添加到对话框，或者在代码页面编辑，输入提示词

四、试用到期了怎么办？无限续杯

14天使用到期了怎么办？这里可以卡一波bug，仅供参考。

项目开源地址：github.com/yuaotian/go…

步骤：

1. 退出cursor编辑器账户

2. 删除浏览器账号

3. 出现试用到期时执行命令

   1. 到期提醒

      1. You've reached your trial request limit. 
         Too many free trial accounts used on this machine. Please upgrade to pro. We have this limit in place to prevent abuse. Please let us know if you believe this is a mistake.
         

   2. 管理员模式打开cmd，执行命令

      1. irm https://raw.githubusercontent.com/yuaotian/go-cursor-help/refs/heads/master/scripts/run/cursor_win_id_modifier.ps1 | iex
         

   3. 执行完后会询问是否禁用自动更新，这里想继续试用选择禁用，我们输入 1

4. 重新登录cursor账号

下期教大家用Cursor+微信开发者工具搭建小程序，点个关注不迷路~

遇到问题随时评论区@我，手把手帮你搞定！跟着教程操作的同学，记得在评论区晒出你的待办清单截图哦~ 🚀