Vibe Coding 学习笔记:从 Cursor 到 Trae,再到阿里云部署的实战之旅

      最近参加了一个vibe coding的训练营，真正体验了一把“纯自然语言驱动开发”的魔力。回顾这几天，从惊艳的 Cursor 到同样丝滑的 Trae，再到将项目成功部署到阿里云，每一步都让我对“AI 辅助编程”有了更深的理解。

      一、工具迭代：Cursor 初体验与 Trae 的无缝接力

      我第一次尝试使用 Cursor。说实话，被它的能力震撼到了——只需用自然语言描述需求，它就能自动搭建项目目录、生成 React 组件、配置路由、连接前后端，甚至主动给出改进建议并自动修复 bug。整个过程行云流水，效率极高。可惜 Cursor 有额度限制，超出后只能订阅，对我这样的新手来说有点“意犹未尽”。

      于是，我换成了 Trae，同样的 PRD、同样的技术设计文档、同样的操作流程，结果居然也异常顺利！可能因为本次的 AI 海龟汤游戏复杂度不高，两者在开发体验上几乎没有差别。Trae 完整地帮我执行到了 Day20 的任务，顺利将代码推送到 GitHub，并部署到了 Vercel。

      二、部署挑战：从 Vercel 到阿里云的跨越

      Vercel 的部署虽然方便，但生成的 URL 在国内网络环境下访问受限。于是我开始研究如何部署在国内服务器上。AI 提供了多种方案，考虑到阿里云新人可以领取 3 个月免费额度，正好用来练手，我最终选择了阿里云 ECS。

      让 Trae 给我详细的部署步骤后，实际操作中还是遇到了各种问题——比如找不到某个菜单、配置环境变量出错、Nginx 设置不生效……每次遇到难题，我就把遇到的“菜鸟级”问题详细描述给 AI，它总能给出好几个解决方案。我逐个尝试，不断调整，最终成功把海龟汤游戏部署到了阿里云上！

      那一刻真的很有成就感——之前我从未想过自己能单枪匹马在云服务器上完成整个项目的部署。这也让我深刻体会到：面对未知，不要畏难。只要把问题描述清楚，AI 就是你最耐心的“技术导师”。

      三、对 Vibe Coding 的理解

      通过这次完整的实战，我对 Vibe Coding 有了自己的理解：就是用纯自然语言和 AI 协作，完成从需求到上线的全过程。

      在这个过程中，我亲身体验了：

• 前端开发：React + TypeScript + Tailwind CSS

• 后端开发：Node.js + Express

• AI 接入：DeepSeek API 的调用

• 部署：Vercel 与阿里云两种方式

      更重要的是，我明白了：一切的前提是把产品需求想清楚。先写出清晰的 PRD（可以让 AI 帮你完善），再让 AI 给出技术选型方案，接着逐步生成前端、后端、联调、接入 API、部署……整个流程就像在与一个全能伙伴合作，你只需要明确目标，剩下的 AI 会帮你一步步实现。

      四、后续计划

      这次“初战告捷”，让我对未来的学习更有信心。接下来我打算：

1. 尝试更复杂的项目

先自己构思想法，让 AI 帮忙完善成详细 PRD，再选择技术栈，逐步实现。把这次的经验复制到更大规模的工程中。

2. 引入数据库

本次海龟汤游戏没有用到后端数据库。后续想在项目中增加数据库，保存用户历史记录、排行榜等数据，体验完整的数据持久化流程。

3. 优化现有游戏

朋友试玩后反馈游戏缺少规则说明。我准备增加一个“游戏规则”页面，顺便再体验一次从修改到上线更新的完整过程。

      五、一点感想

      AI 编码工具的强大让我震撼，但更让我感慨的是：技术从来不是门槛，思维方式才是。当你学会与 AI 协作，把复杂问题拆解成一个个清晰的小问题，你会发现，曾经觉得遥不可及的事情，现在竟然可以如此轻松地实现。

      未来，我会继续用 Vibe Coding 的方式探索更多可能性。也希望能把这份经验和快乐传递给更多对编程感兴趣的朋友——只要你敢想，AI 就能陪你一起实现。

完成的AI海龟汤游戏链接： http://121.41.194.77/       或    https://ai-haigui-game-trae-e2nx.vercel.app/