如何让Cursor写的代码更听你的话?

掌握Cursor控制技巧,让AI生成的代码更符合预期

为了让我接下来分享的内容更有说服力,我先把前段时间用Cursor做的一个目前正在盈利产品的使用视频放上来,大家先看一看

这是一个前后端交互的项目。用户在界面用自然语言描述想要的前端界面,后端程序就会调用Claude 3.7 Api,生成对应的代码,并且实时把代码渲染在前端让用户可以查阅。

说难不难,说简单也不简单。我花了3天左右的时间把这个项目完成的,全程一行代码没写,完全靠Cursor。

Github显示有一次修改了79237行代码

Github修改记录

那我们废话不多说,直接开始今天的正文:

01 把你要实现的需求拆成步骤,让Cursor一步一步完成

在用Cursor的时候,我们是指挥官,它是小兵。指挥官如果不提前把所有路线规划好,小兵走到半路就会迷茫,然后产生自己的想法,最后违背指挥官的初衷。我们前期要做的就是把路线图都为cursor设计好。

举个例子,比如咱们要写一个水果官网首页,可能最简单直白的方式就是这么和cursor说: 我想写一个好看的水果官网首页,你帮我写吧。

但如果换作是我,我会这么说:

第一轮对话:

我想为我们的水果公司设计一个官网首页,你先告诉我这个页面的结构是怎样,都由哪些内容组成

(ps:这里先让cursor帮我们把一个完整的页面拆分成逐个的点,这样你未来也好更精细化针对每个部分去修改内容还有外观)

Cursor是这么回答的:

Cursor回答页面结构

这里你可以选择看一遍,然后哪些部分不符合你的预期,就让cursor更换一下页面的结构或者顺序

把页面结构设计好后,就复制到一个文档里面,然后一个部分一个部分让cursor帮你去完成。这样有助于更精细化控制每个部分的内容和外观

第二轮对话:

接下来请你先帮我完成导航栏的设计和内容 我希望这个导航栏给人的感觉是一眼看过去能感受到水果的新鲜度的,内容就包含左侧公司名+logo

以此类推,逐个对每个结构去写代码。这样子就能最大程度上让Cursor做的所有事情都在我们预期之中,避免它有自己的意识,做一些我们预期之外的事情

02 遇到报错不要慌,三步帮你解决

我相信大家平时用Cursor的时候,遇到的比较多的问题就是写的代码在运行的时候出现了报错,把报错信息发给Cursor去改,但是怎么改都可能改不好,有时候越改越糟,把程序改的自己都不认识了。

这里分享几个我最常用遇到报错时候的方法:

有效性从小到大递增

1.在发给cursor报错信息的对话后面附上:

先检查研究我的代码文件,试图找出报错的原因。然后概述你要做的事情,不要写任何代码,直到我说继续

当你发了这段提示词给Cursor之后,Cursor首先会调用强大的上下文系统去阅读你的代码文件,然后自己分析一遍该怎么解决,然后复述给你听。等你看过没问题了,它再根据之前的复述去完成代码的实现。

Cursor分析报错

如果上来就直接修改代码,相当于少了复盘这个步骤,等于他可能没有过多的思考和分析就去修改代码。不是不行,而是不够好。

2.让Cursor帮你在关键节点加上日志

一个程序在运行过程中如果出现了报错,那肯定是之前的步骤没问题,但是运行到了其中一个步骤的时候出现了问题。那就让cursor帮你在每个关键的节点加上日志,然后每次程序运行的时候,重要的步骤的运行情况都会出现在浏览器的开发者工具日志中,这样一下子就能帮cursor定位你程序运行报错的原因了

日志查询位置:

右键网页----检查----右侧框中控制台选项

浏览器控制台

3.如果上面的方法都无效,那就重新实现这个需求

这里就要提到一个强大的工具,Github Desktop了,这是一个能帮助我们管理代码版本的工具。

举个例子: 上午10点,我给网站写好了首页。10-11这个阶段我给首页增加了不少的插画还有内容,但是我不满意,我想重来,回到10点钟干净的首页的状态。Github就是帮我们实现这个需求的工具。

如果你是第一次用,我这里简单说一下下载和使用方法。

下载地址:https://desktop.github.com/download/

下载好后,先上github官网注册一个账号,然后打开我们下载好的这个客户端,点击左上角的设置

Github Desktop设置

接着就是登陆我们的账号

Github Desktop登录

登录好账号后,你需要把你的本地代码文件变成Github仓库,这里我们选择Add Local Repository,然后把你的代码文件夹的路径放进去

Github Desktop添加本地仓库

接下来,你每做一次更改,Github Desktop上都会显示你修改了哪些文件,具体代码是哪些,你可以点击Discard,这就是取消修改的按钮,就回到没修改之前的状态

Github Desktop修改记录

修改好后想要保存,那就点击下方的commint,就会自动保存了。

Github Desktop提交更改

运用好Github的代码版本控制功能,当我们遇到实在解决不了的报错的时候,就回溯到没实现这个功能之前的版本,然后让Cursor再重新帮我们实现一次,可能问题就解决了。

这跟AI生图抽卡是一个道理。AI回复的内容是有概率性出错的,我们能做的就是人为降低这个出错的几率,前面方法1和2都是这么做,如果降低出错了几率但还是出错了,那就只能尝试多生成几次。

总结

Cursor很厉害,我靠Cursor做了100多个网站。但是Cursor也会有出错的时候,我记得我第一个网站花了一个半月。那是一个AI播客生成网站,因为技术上太难实现,我当时又不懂,刚用Cursor,所以踩了很多坑。尤其是反复遇到程序报错,解决不了

但随着网站做的越来越多,使用Cursor搭建网站的流程我也搞懂了,现在开发一个网站,快的话半个小时就能出来,最慢一个星期也差不多能出来一个MVP版本。

多用,多实践,没有什么解决不了的问题的。