北京
三年前，做一个能上线的网站意味着刷完编程 bootcamp、折腾 Homebrew 安装到半夜两点、凌晨还在找漏掉的 semicolon。现在，有人打开一个对话框，描述想要什么，几轮对话后，网站就挂到了公网上。没有教程，没有报错，没有求助朋友。
这就是 vibe coding——一种三年前还不存在的软件开发方式。本文写给那些想做出有用东西的人，而非立志成为大厂高级工程师的学习者。两者的路径截然不同，而 vibe coding 正是前者的实操形态。
一次真实会话的全流程
最好的理解方式是看实例。一位有经验的开发者帮她的伴侣——一位摄影师——把 Squarespace 作品集换成了从零搭建的网站。这位摄影师完全没有开发背景。
流程如下：她让他打开 Google AI Studio，输入想要什么。他敲下类似"给我建一个摄影师作品集网站"的提示。第一轮 mockup 返回，他继续对话迭代，直到布局顺眼。然后下载代码，导入 AI 编辑器，在聊天窗口旁看到真实项目文件。编辑器里的 AI 助手接手下一轮：从旧 Squarespace 提取真实简介和项目列表、调整样式、随时答疑。
准备上线时，他连接 GitHub 做版本控制，用托管服务部署。域名早已持有，他问助手该在域名注册商更新哪些字段，助手一步步带他完成。整个项目花了几个周末的对话，没有从头到尾刷完任何教程。
当 vibe coding 顺利运转时，人负责品味、结构和意图，AI 处理过去需要三小时 YouTube 加一个热心朋友才能搞定的部分。
按角色划分的工具栈
工具全景令人眼花缭乱，同一任务往往有五种产品可选。按"工种"拆解更清晰。一个典型 vibe coding 工作流通常从四类工具各取其一：
对话草图板：生成想法第一版的地方。Google AI Studio、Claude、ChatGPT 均可。有人全程停留于此，有人仅作粗稿。
AI 编辑器：在助手的帮助下编辑代码，助手能同时看到所有文件。Cursor 和 Google 的……
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
