嗨朋友们好先简单做个自我介绍我是虎哥现任世界500强的前端架构师同时也在做 AI 智能体、AI 写真教学相关的工作。日常基本都在和代码打交道我的开发环境也早已从 vscode 切换到了 cursor开发效率直接拉满。市面上主流的 IDE 和编程插件我基本都研究过对其中的优劣还是挺清楚的。今天继续聊 AI 编程不知道之前那两篇你跟上了没内容都比较入门不涉及高深概念。已经在写代码的同学可能觉得很基础但对零基础的小白来说这些认知还是很有必要的。AI 编程最关键的就是动手不光看理论光看不练很容易半途而废。今天我们就做点实际的直接带你用 AI 在 5 分钟内做出一个 2048 小游戏先看看成品效果如何https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_577c08871c2f407a8f953f35da8d8ca2.png跟着本篇走完你也能复刻出一模一样的游戏我们直接开始。先把需求理清楚先来拆一下 2048 到底是什么。很简单就是一个用方向键操控数字方块合并的休闲游戏最终目标是拼出 2048。在动手前我们最好先有一份需求文档不知道怎么写没关系唤起我们的老伙伴 Kimi 就行。入口https://kimi.moonshot.cn/告诉它你想做一个用 Python 实现的 2048 小游戏让它帮你整理一份完整的需求说明书。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_c03eb7119ffbc684bb333490215e1879.png整理好的文档包含了项目概述、功能点、界面呈现等要素里面详细说明了技术选型和实现思路。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_152c07111701c7a19aad54254244d7e0.png我把相关资料都整理到网盘了需要的可以直接领取0117-2048 小游戏https://drive.uc.cn/s/113511301d724密码P86Rhttps://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_cc0c78559f4712805e7ad7d311df6c64.pngCursor 实战流程开干之前先熟悉两个高频快捷键以 Windows 系统为例CtrlI 打开 Composer 窗口可以同时对多个文件进行批量修改适合让 AI 帮你生成整个项目CtrlL 打开 Chat 窗口可以向 AI 提问、解释代码、优化逻辑或针对选中代码块进行改动第一步准备项目目录我这里以 D 盘为例新建一个 CursorCase 文件夹再在里面建一个 2048 小游戏的文件夹。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_881c41c20fd1d3cbfb0c840720e2304e.png第二步让 Cursor 按需求生成代码打开刚建好的文件夹菜单栏 文件 - 打开文件夹或者直接按 CtrlMO。打开后按 CtrlI右侧会弹出 Composer 窗口。把刚才的需求文档复制进去让它开始生成代码输入完点右下角的 submit 即可。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_3bbfff0aec91b28c4005b5e7a3d052a2.pngCursor 会根据需求自动写代码生成完成后如下图所示。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_b71e56418effd71bc78ae2379e6718a9.png看不懂很正常没关系直接点右下角蓝色的 “Accept all” 一键接受全部文件。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_a05c46b6291da3cf1e5cbef695d33d3f.png这时提示需要先安装 keyboard 库把鼠标移到代码区点一下 Run 按钮就能执行安装。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_d8a85869009963d138e77740464d3f97.png执行后终端一片红报错了程序跑不起来这很常见。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_df0242aec0a81d7d7716c99c1c0e2d0e.png别慌把报错信息全部选中点击右侧的 Add to Chat就会跳到对话窗口。当然你也可以直接按 CtrlL。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_bdf4ae94a02016753d10f51daaf51fff.png在 Chat 里输入“这个报错该怎么解决”AI 会给出排查步骤。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_97fd9ceea3807f6470a41415e2e51c25.png其中一步是检查 Python 是否已安装。照着提示在终端里执行检查还是用 Run 按钮终端会返回信息。继续问 AI 怎么修会发现是 Python 没装好。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_6d1aff146d24c2cfd7c2c859ec101031.png第三步安装 Python 环境按 Cursor 给出的地址复制后打开官网下载安装包python 安装包下载https://www.python.org/downloadshttps://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_4b069ab57e9d225592cfbbf6ff131efb.png打不开官网也没事我已打包好网盘自取0117-2048 小游戏https://drive.uc.cn/s/113511301d724密码P86Rhttps://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_d5964faa5f2bf408367ec50b8d0377ca.png下载 exe 后开始安装记得勾选 “Add python.exe to PATH” 添加环境变量然后点 Install Now。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_e415335f0f771f4c5c93359f74be6f6c.png怎么验证是否装成功关闭 Cursor 重新打开然后在终端输入python --version能看到版本号就说明成功了https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_21f7db691f41fdf85781c574519bb3a7.png接着执行python -m pip install keyboard完成依赖安装。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_d13348a32a4389cae9f266955d705a5f.png第四步运行游戏并优化界面到这一步就可以试玩了在终端输入python game_2048.py启动。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_7b18f840196c85aef2f8334e8d431c26.png注意文件名是 Cursor 自动生成的如果你的文件名不一样请改成你自己的。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_6f144039f2338a694d7b7fdb467f9e27.png启动后终端里会出现 2048 的格子用方向键就能玩想退出按 ESC 即可。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_fa631e45d5feef593610fa6b841242b3.png总在黑窗口里玩有点单调想让界面好看点、新窗口打开没问题按 CtrlI 打开 Composer输入提示词让它帮你美化界面并单独开窗运行。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_2c67f01800ded16c5d4db4b2c1be0681.png到这里整个制作流程就结束了收工收尾总结看懂了吗整体步骤并不复杂熟练后真的几分钟就能搞定。做完之后还能让 AI 帮你打包成安装包发给朋友一起玩。是不是感觉编程在 AI 加持下也变得挺好玩的。AI 到处都在变革哪里还觉得它没用呢今天就到这里有任何问题欢迎留言讨论。
嗨朋友们好先简单做个自我介绍我是虎哥现任世界500强的前端架构师同时也在做 AI 智能体、AI 写真教学相关的工作。日常基本都在和代码打交道我的开发环境也早已从 vscode 切换到了 cursor开发效率直接拉满。市面上主流的 IDE 和编程插件我基本都研究过对其中的优劣还是挺清楚的。今天继续聊 AI 编程不知道之前那两篇你跟上了没内容都比较入门不涉及高深概念。已经在写代码的同学可能觉得很基础但对零基础的小白来说这些认知还是很有必要的。AI 编程最关键的就是动手不光看理论光看不练很容易半途而废。今天我们就做点实际的直接带你用 AI 在 5 分钟内做出一个 2048 小游戏先看看成品效果如何https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_577c08871c2f407a8f953f35da8d8ca2.png跟着本篇走完你也能复刻出一模一样的游戏我们直接开始。先把需求理清楚先来拆一下 2048 到底是什么。很简单就是一个用方向键操控数字方块合并的休闲游戏最终目标是拼出 2048。在动手前我们最好先有一份需求文档不知道怎么写没关系唤起我们的老伙伴 Kimi 就行。入口https://kimi.moonshot.cn/告诉它你想做一个用 Python 实现的 2048 小游戏让它帮你整理一份完整的需求说明书。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_c03eb7119ffbc684bb333490215e1879.png整理好的文档包含了项目概述、功能点、界面呈现等要素里面详细说明了技术选型和实现思路。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_152c07111701c7a19aad54254244d7e0.png我把相关资料都整理到网盘了需要的可以直接领取0117-2048 小游戏https://drive.uc.cn/s/113511301d724密码P86Rhttps://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_cc0c78559f4712805e7ad7d311df6c64.pngCursor 实战流程开干之前先熟悉两个高频快捷键以 Windows 系统为例CtrlI 打开 Composer 窗口可以同时对多个文件进行批量修改适合让 AI 帮你生成整个项目CtrlL 打开 Chat 窗口可以向 AI 提问、解释代码、优化逻辑或针对选中代码块进行改动第一步准备项目目录我这里以 D 盘为例新建一个 CursorCase 文件夹再在里面建一个 2048 小游戏的文件夹。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_881c41c20fd1d3cbfb0c840720e2304e.png第二步让 Cursor 按需求生成代码打开刚建好的文件夹菜单栏 文件 - 打开文件夹或者直接按 CtrlMO。打开后按 CtrlI右侧会弹出 Composer 窗口。把刚才的需求文档复制进去让它开始生成代码输入完点右下角的 submit 即可。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_3bbfff0aec91b28c4005b5e7a3d052a2.pngCursor 会根据需求自动写代码生成完成后如下图所示。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_b71e56418effd71bc78ae2379e6718a9.png看不懂很正常没关系直接点右下角蓝色的 “Accept all” 一键接受全部文件。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_a05c46b6291da3cf1e5cbef695d33d3f.png这时提示需要先安装 keyboard 库把鼠标移到代码区点一下 Run 按钮就能执行安装。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_d8a85869009963d138e77740464d3f97.png执行后终端一片红报错了程序跑不起来这很常见。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_df0242aec0a81d7d7716c99c1c0e2d0e.png别慌把报错信息全部选中点击右侧的 Add to Chat就会跳到对话窗口。当然你也可以直接按 CtrlL。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_bdf4ae94a02016753d10f51daaf51fff.png在 Chat 里输入“这个报错该怎么解决”AI 会给出排查步骤。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_97fd9ceea3807f6470a41415e2e51c25.png其中一步是检查 Python 是否已安装。照着提示在终端里执行检查还是用 Run 按钮终端会返回信息。继续问 AI 怎么修会发现是 Python 没装好。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_6d1aff146d24c2cfd7c2c859ec101031.png第三步安装 Python 环境按 Cursor 给出的地址复制后打开官网下载安装包python 安装包下载https://www.python.org/downloadshttps://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_4b069ab57e9d225592cfbbf6ff131efb.png打不开官网也没事我已打包好网盘自取0117-2048 小游戏https://drive.uc.cn/s/113511301d724密码P86Rhttps://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_d5964faa5f2bf408367ec50b8d0377ca.png下载 exe 后开始安装记得勾选 “Add python.exe to PATH” 添加环境变量然后点 Install Now。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_e415335f0f771f4c5c93359f74be6f6c.png怎么验证是否装成功关闭 Cursor 重新打开然后在终端输入python --version能看到版本号就说明成功了https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_21f7db691f41fdf85781c574519bb3a7.png接着执行python -m pip install keyboard完成依赖安装。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_d13348a32a4389cae9f266955d705a5f.png第四步运行游戏并优化界面到这一步就可以试玩了在终端输入python game_2048.py启动。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_7b18f840196c85aef2f8334e8d431c26.png注意文件名是 Cursor 自动生成的如果你的文件名不一样请改成你自己的。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_6f144039f2338a694d7b7fdb467f9e27.png启动后终端里会出现 2048 的格子用方向键就能玩想退出按 ESC 即可。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_fa631e45d5feef593610fa6b841242b3.png总在黑窗口里玩有点单调想让界面好看点、新窗口打开没问题按 CtrlI 打开 Composer输入提示词让它帮你美化界面并单独开窗运行。https://gitcode.com/OpenDocCN1/data/blob/master/imgs/zhuanqian_2c67f01800ded16c5d4db4b2c1be0681.png到这里整个制作流程就结束了收工收尾总结看懂了吗整体步骤并不复杂熟练后真的几分钟就能搞定。做完之后还能让 AI 帮你打包成安装包发给朋友一起玩。是不是感觉编程在 AI 加持下也变得挺好玩的。AI 到处都在变革哪里还觉得它没用呢今天就到这里有任何问题欢迎留言讨论。
技术解析与应用实践)
