作为不会代码的普通人，船长自从接触AI以来，也是手搓了很多网站，也逐步学会了传说中的VibeCoding。

但是船长也逐渐发现，虽然现在大家都在聊VibeCoding，可对于很多没接触过的小白来说，还不知道从何入手。

正好国庆快到了，船长准备和朋友去大西北自驾，于是就想着：

能不能直接用豆包工作，手搓一个“国庆出游规划器”？

从最开始脑子里只有一个模糊的想法，到最后做出一个可以点击、修改，甚至直接分享给朋友使用的网页应用，

看看一个完全不会代码的人，到底能把 VibeCoding 玩到什么程度。

首先，船长还是给大家看看效果！这个网页可以直接分享给朋友，让朋友直接从微信中打开，分为浅色和深色两种模式，内嵌了地图可以直接导航。

怎么样，是不是还不错？

手搓这个网页的过程中，船长发现，VibeCoding 最重要的能力并不是“写出一个很厉害的提示词”，而是

把脑子里的想法一点点说清楚。

但其实，很多人有时候并不明白自己的需求，内心只是有个模糊的概念。

比如船长最开始也只是觉得：我想做个国庆旅游规划网页。

至于里面到底应该有什么、每天的行程怎么展示、需不需要地图、朋友怎么一起看……其实都没有想清楚。

所以船长没有一上来就让豆包工作直接开干，而是

先借助豆包工作把内心的想法明确。

如果你也不知道怎么说需求，那你可以把这段提示词发送给AI，借用AI明确自己的想法（括号中的内容可以根据自己的想法进行修改）。

我想做一个【给我自己使用的国庆出游规划器】，我目前的想法是【XX】。请先不要开始制作，也不要直接写代码。请先完成两件事： 1. 用你的话复述你对这个项目、目标用户和使用场景的理解； 2. 向我提出不超过 6 个最关键的问题，如果有实现成本高、需要外部接口或容易失败的功能，也请提前用普通人能听懂的话告诉我，并给出更简单可靠的替代方案。

通过这一轮的提问与回答，船长明确了是想要做一个包含每天的具体行程的网页，包括路线、景点、酒店等信息。正好船长也之前也搜过一些大西北的路线，所以我干脆把路线图一起发给了豆包工作，让它帮我评估可行性。

这个过程船长顺便也理了一下自己的行程，最后按照豆包工作的建议确定了以下自驾方案：

而且这里还发生了一个小插曲。

豆包工作在帮我检查行程的时候，顺手提醒我：莫高窟国庆期间非常热门，门票可能已经比较紧张了，最好先确认一下。由于船长是最近才确认想去大西北玩的，所以确实忘记提前买票。

所以船长立马去官网看了看，确实只有B类票了，立马先预定了4张票。

需求理清了，路线也确定了，接下来才真正进入 Vibe Coding 的环节。

船长直接让豆包工作按照前面聊好的方案开始写代码。

差不多 6 分钟，第一版“国庆出游规划器”就出来了。

（第一版效果图）

说实话，第一版已经把大部分基础功能做出来了，但实际点进去用了一圈，船长还是发现了一个问题：

每天的路线虽然列出来了，但地图没有真正嵌进网页里。

这其实也是 Vibe Coding 很关键的一步。需要测试、修改，一点点打磨产品。

因为船长也没明白是哪里出了问题，所以直接让豆包工作进行修改，在每天的行程上加上具体的地图显示。

这时候豆包工作告诉我，要想在网页里正常显示地图，需要申请地图平台的 Key，同时还把申请方式一步步告诉了我。

按照它给的方法申请完 Key，再交给豆包工作，剩下的事情就不用我操心了。

很快，新版本就重新生成了。这一次，地图也正常显示了。

到这里，其实这个网页已经能用了。

但问题来了：

当一个完全不会代码的人发现“原来我真的能把想法做出来”之后，需求往往只会越来越多。

船长继续“折磨”豆包工作，加了一些功能点。

先是为了行程的灵活性，船长增加了允许增加、删除景点的功能；后来又觉得既然都要出去玩了，干脆把能想到的需求都塞进去。

于是，我又让豆包工作

增加了一个工具页

，一个是出行准备清单，用来提醒大家证件、充电器之类的东西别忘了带；另一个则是记账功能，每次吃饭、加油、买门票，把金额输进去，就能自动统计总花费和人均花费。

功能差不多以后，船长又开始折腾UI，比如在最上方增加了倒计时模块以及白天黑夜切换功能，同时把按钮之类的细节优化了下。

到这一步，这个最开始只有一句“我想做个国庆旅游规划网页”的模糊想法，已经越来越像一个真正能拿来用的小应用了。

最后还差一步：让它不只存在于我的电脑里。

确认主要功能都正常以后，我让豆包工作把项目发布成一个可以公开访问的网页。

接着把网页发送给朋友，朋友不需要安装额外的软件，也不需要研究复杂的表格，直接从微信打开链接，就能看到每天去哪里、几点出发、住在哪里，以及如何导航。

而后面船长如果想再修改，也只需要打开豆包工作，把我的要求告诉它，它就能酷酷干活了。

到这里，这个国庆出游规划器才算真正做完了。

写在最后：

整个项目做下来，船长反而觉得，很多人可能把 Vibe Coding 想复杂了。

它并不是你背下一堆提示词，然后对着 AI 输入一句“帮我做个 App”，几分钟后就等着一个完美产品从天而降。

它更像是你和 AI 一起制作项目。你负责提出想法和创意，AI帮你实现，你们一起把一个模糊的想法落地成一个项目。

所以，如果你一直觉得 Vibe Coding 离普通人很远，不知道自己的第一步应该从哪里开始，其实完全没必要先去学代码。

找一个你最近真正遇到的小需求就够了。

可以是一趟国庆旅行，可以是一个记账工具，可以是一个工作中每天都要重复处理的小任务。

然后打开豆包工作，把你的第一句话告诉它。

剩下的，就是一边用，一边改，一边把那个原本只存在于脑子里的想法，慢慢变成一个真的可以打开、可以点击、可以分享给别人的东西。

目前在网页搜索「豆包工作」就可以下载电脑端，还有 30 天免费使用时间。