你输入一句话，AI给你一个网站。这个画面在过去两年被反复演示，也被反复误解。Vibe coding从一个流行词变成了一个独立的软件品类，市面上提供这类功能的AI平台数量，已经多到一年三百六十五天都数不完。但真正上手做过一个能用的网站的人会告诉你，事情比宣传里复杂得多。 我过去两年花了不少时间在各种vibe coding应用里来回切换，根据项目规模决定用哪一个。下面这些是实际踩出来的经验，也包括这个行业从概念阶段到现在发生的变化。 它到底在做什么 Vibe coding不是传统意义上的编程。你不写代码，所以它更接近无代码或者拖拽式建站工具，而不是在文本编辑器里手写HTML5或者React应用。 变化来自大语言模型和生成式AI的进步。你可以直接描述网站要做什么、长什么样，平台解析你的提示词，生成HTML、CSS和JavaScript代码。代码可以导出成原始文件，放到任何你选的网页托管服务器上，注册一个新域名，几分钟内就能上线。 但现实里并不总是这么顺。你输入提示词之后，取决于描述有多具体、底层技术有多先进，拿到的东西最好的情况是接近可用，但还达不到直接上生产的标准。接下来你得用后续提示词不断调整AI生成的站点，把设计打磨到自己满意为止。 工具不是一类东西 Vibe coding工具的工作方式并不统一。有些是典型的AI生成器，你对着聊天机器人从头到尾把网站建出来。有些把生成能力和拖拽编辑器、可视化辅助工具结合在一起，让你直接改设计。还有少数工具像程序员用的传统文本编辑器，但带聊天机器人辅助，可以生成成块的代码，同时保留你对最终保留哪些代码的决定权。 全栈应用构建器 ：一条提示词生成前端、后端、数据库和托管。适合需要账户、表单或数据存储的完整网站或网页应用。 前端/UI生成器 ：生成可视化组件和布局，通常可导出为代码。适合落地页、设计原型，或者给已有站点做视觉打磨。 一体化平台 ：把AI代码生成和托管、域名、邮箱打包在一个订阅里。适合想要一个后台从头到尾管完整个网站的新手。 AI编程助手 ：嵌在代码编辑器里，给已经在写代码的人提速。适合需要把网站扩展或定制到纯提示词做不到的程度。 做第一个网站，全栈应用构建器或者一体化平台通常是最简单的起点。它们把托管基础设施、域名注册和后续支持都打包在同一个平台里，让你不用太折腾就能把网站推到可以发布的状态。 从一句话到上线，中间有六步 不管选哪个平台，vibe coding项目的走向大致相同。你从一段大白话的需求说明开始，到一个实时预览，然后逐层加上页面、设计和网站需要的其他东西，最后发布。下面这套流程在大多数工具上都适用，每一阶段换成你选的具体平台即可。要有心理准备：花在打磨上的时间会比花在生成上的多。 第一步：写好第一条提示词。 从清晰具体的指令开始，不要只写一句话。描述网站的目的、需要的页面（首页、关于、联系、服务）、设计风格，以及你已经在用的品牌色或字体。前期给的细节越多，后面来回沟通的次数越少。大多数平台在你发出第一条提示词后的一两分钟内，就会生成一个带实时预览的初始可用版本。 第二步：检查生成的结构。 在动设计之前，先看AI创建了哪些页面和导航。确认站点结构符合你希望访客实际浏览的路径，因为后期重构结构比调整样式更麻烦。如果缺了东西，比如定价页或者预约表单，直接在后续提示词里提出来，不要绕开这个缺口想办法。 第三步：用后续提示词打磨设计。 用有针对性的提示词调整单个元素，比如颜色、间距、字体、图片位置或按钮样式。很多平台还带可视化编辑器，点中某个元素就能直接改，这通常比用文字描述一个小改动更快。在这个阶段把你的logo和品牌素材传上去，让AI把它们融进设计，而不是生成通用的占位内容。 第四步：如果会经常发内容，就加CMS。 网站需要博客、新闻栏目或者其他需要频繁更新的内容，就让平台加上CMS功能，或者通过API接入第三方内容管理系统。这样你会有一个独立于代码的编辑界面，以后的更新不用每次都重写提示词。如果网站只是几个很少变动的静态页面，这一步完全可以跳过。 第五步：需要卖东西就加电商功能。 这一步取决于你的网站是否承担交易职能，不需要的话同样跳过。 整个流程走下来，你会发现vibe coding真正省掉的是从零写代码的那部分，而不是建站的全部工作。生成之后，你仍然要决定托管在哪、排查冒出来的安全和运维问题、把AI产出的半成品调到能用。宣传里说的"输入提示词就得到一个功能完整的网站"，和实际交付之间，隔着一段需要你自己走完的路。 特别