元子：小白的 30min Cursor AI 编程上手步骤

元子：小白的 30min Cursor AI 编程上手步骤 元子：小白的 30min Cursor AI 编程上手步骤 右上角，区分 chat 和 composer， 我就只在 composer 模式下只填了一句话：“给我创建一个 2048 的网页游戏吧”，这和我们往日提需求是不是已经很像了？对！于是你看，1 2min 之后，它就生成好了，还告诉我，它做了哪几个功能，是不是天选乙方？ 这里给程序员小白一个小提示，它生成了两个文件，你不用管它到底有啥用，这时候你可以直接打开文件夹，找到这个 index.html，对，双击，你就能直接看到这个网页游戏在本地运行的样子。 咦？如果你的环境报错，双击打不开，对吧？截图，截图之后直接进贴在 composer 的对话框里，问它，咋整！ 咱需要点一下 accept all，然后下面是我双击 html 文件打开的样子 当然啦，也不是就好了，没那么简单，不然也要不了 45 分钟对吧。 目前这个玩意儿呢，它只是有个界面，上下左右移动像快闪，根本没有滑动感，而且有的时候滑块好像不遵守 2048 的普遍规律，就会出现最上面的 2，按一下就到最下面去，还能穿模。 于是我截了这张图丢进聊天，继续跟它聊：“你这不对，继续改”。这里注意一下，红框框起来的是你需要它参考的文件，它在 html 上工作，并且可以读我给它的截图，所以这样让我们描述问题变得简单起来了，这是不是就像我们作为甲方的时候直接指着乙方的屏幕说，你这不对！改！ 于是，它就改了，知错就改。 附送一个小秘密，我组大佬 lark 被借用给其他组去 troubleshooting 的时候，有一个秘诀口令：“再改一次，改不好就扣你工资。”，极其有效。 AI 的好处是立刻改，然后告诉我改哪里了。演示到这里，它的核心能力就是这样了。 但事实上，我为了做好这个 2084，我和它反复对话，互相 PUA 了将近 2 个小时，第一版生成只需要 2 分钟，但是反复告诉它哪里不对、我需要它呈现什么样的效果反复搞了两个小时，可见，当好一个只提需求的产品经理并不是那么容易，但是 AI 编程和 cursor，让那个“人人都是产品经理”真切地变成了现实。 一点技巧 cursor 使用技巧 前面的介绍里面提到了 chat 和 composer bot 的不同，也提到了我们需要安装环境的时候可能需要在命令行里进行输入，下面有快捷键可以直接使用的～ 👍 Cursor 3 大快捷键 1. Ctrl+L = Chatbot, ctrl+enter 和 Chat 聊的好处在于不会直接给你修改文件，不用担心影响现有的所有东西。 可以接受截图，是拆解 AI 写完的代码、并且学习的好方法 2. Ctrl+i = composer 这个聊天窗口拥有创建和修改的权利，可以创建文件夹和文件，自动修改所有文件，自动 save。 你一旦和它聊完了要让它直接执行的时候可以使用这个窗口，小白推荐，但是当你想细节学习每一步它是怎么做、甚至反过来利用 cursor 学编程的时候，建议使用 chatbot 而非 composer 3. Ctrl+K = 终端命令 做测试模块要在哪里跑？环境没装怎么办？当然是用这个：终端命令窗口。 适合装依赖的时候用，没有任何废话，可以直接 Run 黑客松里学来的小妙招 1. 所有的功能，建议小白从 html 开始 先建立一个可以成功打开的 html，非常友好，因为双击就能看到效果。正反馈极其明显，这也是为啥最好的尝试品算是 2048，既有需要反复修改的地方，又非常直观。 2. 设置一个日志打印的功能 在第一个 html 文件打开成功之后，设置一个日志打印的功能。这个算是编程的行业知识，但是不要担心，可以要求它打印啥样的内容，总之这方便我们进一步改进，并且知道进一步改进的卡点在哪里。 3. 提对问题，成功率大大提升 作为小白，我们首先需要不管不顾马上尝试用起来，但是当我们真的要跟它搞一些更深入的项目，在 chat 中聊清楚整体构架、思考之后来决定怎么驱使它编程，有的时候比其他的小技巧更重要。 看到这里的你 你能看到这里，想必你已经用你的 cursor 跑出来第一个 html 文件了吧？后面就是放开我们对“我不会编程”的狭隘限制，疯狂地探索我们和 AI 的边界吧——至少我已经是这样了，如获至宝、状若癫狂。 而我，也将继续探索，立个 flag 更新完以下几篇文章，也欢迎小伙伴随时找我来探讨呀： 第一弹，一点小小的震撼——cursor 黑客松 黑客松值得单独写一篇，大家可以移步这里看看。 除了我的小白视角，我的队友也已经写了一篇，期待未来的我们，线下见： 第二弹，文案工作者的福音——cursor 批量写 prompt、写文章 还在为管理不同的 prompt、反复切换而烦恼吗，还在为工作突然要写总结一个人面对屏幕脑子空白痛苦吗？ 让 Cursor 替你写，真正的替，不是简单的复制黏贴，而是你的每一句话——你就是它的老板，让牛马也感受老板的视角和思考，AI 替你打工。 第三弹，上一辈的崛起——cursor 的“向上”，给爹妈一场安利 AI 时代来临，大家都在想怎么用 AI 鸡娃，但是我寻思，如果我能给爹妈讲明白、并让他们日常生活中能用起 AI（对，是用 AI 大模型，而非是封装好的、局限性极强的一些机器人），那会是一场怎样的家庭交流变革、又会让我爹妈的老年生活增添多少可能性。 cursor，我想，是个最好为他们展现的平台。 最后的最后，如果想要跟我交个盆友、一起在 AI 路上探寻的小伙伴，欢迎戳这里： 元子：一份不太正经的使用说明书 v0.1 🚀 元子：一份不太正经的使用说明书 v0.1 🚀 右上角，区分 chat 和 composer， 我就只在 composer 模式下只填了一句话：“给我创建一个 2048 的网页游戏吧”，这和我们往日提需求是不是已经很像了？对！于是你看，1 2min 之后，它就生成好了，还告诉我，它做了哪几个功能，是不是天选乙方？ 这里给程序员小白一个小提示，它生成了两个文件，你不用管它到底有啥用，这时候你可以直接打开文件夹，找到这个 index.html，对，双击，你就能直接看到这个网页游戏在本地运行的样子。 咦？如果你的环境报错，双击打不开，对吧？截图，截图之后直接进贴在 composer 的对话框里，问它，咋整！ 咱需要点一下 accept all，然后下面是我双击 html 文件打开的样子 当然啦，也不是就好了，没那么简单，不然也要不了 45 分钟对吧。 目前这个玩意儿呢，它只是有个界面，上下左右移动像快闪，根本没有滑动感，而且有的时候滑块好像不遵守 2048 的普遍规律，就会出现最上面的 2，按一下就到最下面去，还能穿模。 于是我截了这张图丢进聊天，继续跟它聊：“你这不对，继续改”。这里注意一下，红框框起来的是你需要它参考的文件，它在 html 上工作，并且可以读我给它的截图，所以这样让我们描述问题变得简单起来了，这是不是就像我们作为甲方的时候直接指着乙方的屏幕说，你这不对！改！ 于是，它就改了，知错就改。 附送一个小秘密，我组大佬 lark 被借用给其他组去 troubleshooting 的时候，有一个秘诀口令：“再改一次，改不好就扣你工资。”，极其有效。 AI 的好处是立刻改，然后告诉我改哪里了。演示到这里，它的核心能力就是这样了。 但事实上，我为了做好这个 2084，我和它反复对话，互相 PUA 了将近 2 个小时，第一版生成只需要 2 分钟，但是反复告诉它哪里不对、我需要它呈现什么样的效果反复搞了两个小时，可见，当好一个只提需求的产品经理并不是那么容易，但是 AI 编程和 cursor，让那个“人人都是产品经理”真切地变成了现实。 一点技巧 cursor 使用技巧 前面的介绍里面提到了 chat 和 composer bot 的不同，也提到了我们需要安装环境的时候可能需要在命令行里进行输入，下面有快捷键可以直接使用的～ 👍 Cursor 3 大快捷键 1. Ctrl+L = Chatbot, ctrl+enter 和 Chat 聊的好处在于不会直接给你修改文件，不用担心影响现有的所有东西。 可以接受截图，是拆解 AI 写完的代码、并且学习的好方法 2. Ctrl+i = composer 这个聊天窗口拥有创建和修改的权利，可以创建文件夹和文件，自动修改所有文件，自动 save。 你一旦和它聊完了要让它直接执行的时候可以使用这个窗口，小白推荐，但是当你想细节学习每一步它是怎么做、甚至反过来利用 cursor 学编程的时候，建议使用 chatbot 而非 composer 3. Ctrl+K = 终端命令 做测试模块要在哪里跑？环境没装怎么办？当然是用这个：终端命令窗口。 适合装依赖的时候用，没有任何废话，可以直接 Run Cursor 3 大快捷键 1. Ctrl+L = Chatbot, ctrl+enter 和 Chat 聊的好处在于不会直接给你修改文件，不用担心影响现有的所有东西。 可以接受截图，是拆解 AI 写完的代码、并且学习的好方法 2. Ctrl+i = composer 这个聊天窗口拥有创建和修改的权利，可以创建文件夹和文件，自动修改所有文件，自动 save。 你一旦和它聊完了要让它直接执行的时候可以使用这个窗口，小白推荐，但是当你想细节学习每一步它是怎么做、甚至反过来利用 cursor 学编程的时候，建议使用 chatbot 而非 composer 3. Ctrl+K = 终端命令 做测试模块要在哪里跑？环境没装怎么办？当然是用这个：终端命令窗口。 适合装依赖的时候用，没有任何废话，可以直接 Run 黑客松里学来的小妙招 1. 所有的功能，建议小白从 html 开始 先建立一个可以成功打开的 html，非常友好，因为双击就能看到效果。正反馈极其明显，这也是为啥最好的尝试品算是 2048，既有需要反复修改的地方，又非常直观。 2. 设置一个日志打印的功能 在第一个 html 文件打开成功之后，设置一个日志打印的功能。这个算是编程的行业知识，但是不要担心，可以要求它打印啥样的内容，总之这方便我们进一步改进，并且知道进一步改进的卡点在哪里。 3. 提对问题，成功率大大提升 作为小白，我们首先需要不管不顾马上尝试用起来，但是当我们真的要跟它搞一些更深入的项目，在 chat 中聊清楚整体构架、思考之后来决定怎么驱使它编程，有的时候比其他的小技巧更重要。 看到这里的你 你能看到这里，想必你已经用你的 cursor 跑出来第一个 html 文件了吧？后面就是放开我们对“我不会编程”的狭隘限制，疯狂地探索我们和 AI 的边界吧——至少我已经是这样了，如获至宝、状若癫狂。 而我，也将继续探索，立个 flag 更新完以下几篇文章，也欢迎小伙伴随时找我来探讨呀： 第一弹，一点小小的震撼——cursor 黑客松 黑客松值得单独写一篇，大家可以移步这里看看。 除了我的小白视角，我的队友也已经写了一篇，期待未来的我们，线下见： 第二弹，文案工作者的福音——cursor 批量写 prompt、写文章 还在为管理不同的 prompt、反复切换而烦恼吗，还在为工作突然要写总结一个人面对屏幕脑子空白痛苦吗？ 让 Cursor 替你写，真正的替，不是简单的复制黏贴，而是你的每一句话——你就是它的老板，让牛马也感受老板的视角和思考，AI 替你打工。 第三弹，上一辈的崛起——cursor 的“向上”，给爹妈一场安利 AI 时代来临，大家都在想怎么用 AI 鸡娃，但是我寻思，如果我能给爹妈讲明白、并让他们日常生活中能用起 AI（对，是用 AI 大模型，而非是封装好的、局限性极强的一些机器人），那会是一场怎样的家庭交流变革、又会让我爹妈的老年生活增添多少可能性。 cursor，我想，是个最好为他们展现的平台。 最后的最后，如果想要跟我交个盆友、一起在 AI 路上探寻的小伙伴，欢迎戳这里： 元子：一份不太正经的使用说明书 v0.1 🚀 元子：一份不太正经的使用说明书 v0.1 🚀 思想准备 小白的思想准备——AI 编程，我啥都不会，靠谱吗？ “开始面对问题，就解决了问题的一半” 吉德林法则中这样说，这一法则由美国通用汽车公司的管理顾问查尔斯·吉德林提出。 吉德林法则 对于小白而言，因为无知，我们充满勇气，也因为无知，我们充满忧虑。 而能从心理上面对，“我或许能行”这件事，我想，可能就解决了该 AI 编程问题的一半。 这可不是夸夸其谈，我第一次听到 cursor 编程的时间是 8 月 7 日，被 WayToAGI 小伙伴疯狂安利的时间在 8 月 27 日，我对它都只有一个想象——它解决的是专业问题，我用不上，我或许更多时间应该花在 Coze 或者是大模型多轮对话上。 但当我看完这篇8岁女孩45分钟用Cursor打造聊天机器人的时候，我意识到，我似乎对它的想法和认知都是错误的，我应该立刻、马上、找机会试试看。 8岁女孩45分钟用Cursor打造聊天机器人 而就是这样一个认知的改变，真的让我看到了超低的门槛和更广阔的一片天地，并对 1 个月之前的自己，哑然失笑。 参与准备 小白的参与准备——一个人走得很孤独，但一群人走得又远又快乐 如果你看到这里，跟我的想法一样，也想立刻试试看，可能就会遇到第二个问题了。 ——当一个人，只有一台电脑，一个叫做“cursor”的名词时，依旧有不小的门槛。 即便看到 8 岁的娃都可以 45 分钟来玩，可是对小白来说可能要搞明白这些操作界面，也要一点时间。最好的方法是什么呢？当然是共学啊！ 可惜 WayToAGI 的 cursor 共学被安排在了十一之后（哈哈哈敬请关注一下），跃跃欲试的我，盯上了这篇文章本来就提到的活动“周周黑客松”，因为这篇公众号上的杭州 cursor 黑客松活动是我找到的，最简单的一篇对 cursor 的初级教程介绍。 https://mp.weixin.qq.com/s/ 4620gK9CRWdbqVzcPBEiA 我寻思——教程都有了，直接参加活动是不是比自己摸索更快？可是杭州诶，不是很方便的样子，于是巧合就这样理所应当的发生了，atou 开始敲我，“周五晚上有个 cursor 黑客松，去吗？” 我是个只看了教程和 8 岁女娃高光事迹、连软件都没装的纯小白，但是我们小白的好处就是一往无前，直接报名后就开始等待显然是准备过度充分的 atou 摇队友。 我们在活动开始前就已经接上头，并且现场指导给我装好了环境，全程加上下载软件共计 10 分钟。 环境准备 喂饭级教程——活动永远是必杀技 来参加 wayToAGI 共学吧，手把手给你喂饭搞定。 来参加线下黑客松吧，一堆各行各业的小伙伴都很热情地来看看，你卡在哪一步了——毕竟，我的环境就是我黑客松的队友们手把手给我搞起来的。 好的，你要说你没这么好的条件，我就再提供一条 workaround 吧： 预计用时，5 10min 基础需求：需要魔法 网址：https://www.cursor.com 注册：下载安装软件后，直接在页面中注册即可 我甚至让 cursor 自己写了一个教程，还蛮详细的，放出来给大家——对，它自己写的，cursor 的作用可不只在于编程，我用下来之后发现用它来写东西，批处理文件都巨方便，这个按下在下一篇写。 直接上手 直接上手——AI 编程就是一场 PUA 和提问大赛 怎么用：一张图说清楚，首先，分辨两个模式 Chat：这个地方可以让你直接和大模型对话，和正常的 ChatGPT 没区别，但是你可以选中已有文件的部分内容和它有上下文的聊，就相当于你在和一个勤恳的牛马持续提需求，但是注意，在 chat 聊，你们只是在探讨，所以常用的还是 Composer Composer：即时反馈的最爱，你在这里跟他聊，他能直接把创建文件、代码填写都做完了再来问你对不对。 下面就是个具体的例子