常见问题

Vibe Coding 就是用自然语言跟 AI 对话来生成代码。你不用写代码，只需要描述你想要什么，AI 帮你写出来。就像请了一个免费的程序员。

完全可以。Vibe Coding 就是为零基础的人设计的。你只需要会打字、会描述需求，剩下的 AI 帮你搞定。

传统学编程需要几个月到几年学会写代码；Vibe Coding 让你直接跳过学习阶段，用自然语言指挥 AI 写代码。你是"产品经理"，AI 是"程序员"。

不需要。你只需要在浏览器里预览效果，觉得满意就行。如果 AI 写错了，截图发给它让它改。

可以从简单的单页开始，逐步扩展。很多中小型网站（企业官网、个人博客、作品集、电商展示）都可以用 Vibe Coding 完成。大型复杂应用需要更深入的开发知识。

最少只需要一个浏览器。推荐安装以下工具（全部免费）：🤖 AI 编程助手（三选一）：Claude Code（功能最全，推荐首选）、Cursor、Windsurf；💻 VS Code（代码编辑器，装简体中文包等插件）；🐙 GitHub 账号（代码托管）；⚡ Node.js（运行环境，下载 LTS 版）；🚀 Vercel 账号（一键部署）。所有工具都有免费版。

Windows 10/11、macOS、Linux 均可。内存建议 8GB+，硬盘 20GB+ 可用空间。2018 年之后的电脑基本上都够用。

终端就像电脑的"文本对话模式"——你输入命令，电脑执行。你只需要复制粘贴命令，不需要记忆任何语法。AI 会告诉你每一步做什么，你照着做就行。Windows 推荐用 Git Bash，Mac 用自带 Terminal。

Claude Code 是 Anthropic 的 AI 编程助手，适合在终端中使用，Skills 生态丰富。Cursor 是 AI-native 的代码编辑器，有图形界面，适合习惯 IDE 的用户。两者都能实现 Vibe Coding。

所有核心工具都有免费版：Claude Code 有免费额度、VS Code 免费、GitHub 免费、Vercel 免费部署。只有用量大时才需要付费升级。

没有本质区别。VS Code、Node.js、GitHub、Vercel 在两大平台都能用。部分 AI 工具在 Windows 上可能需要额外配置。

手机浏览器可以查看网站效果，但写代码建议用电脑。不过有些 AI 聊天工具（如 ChatGPT App）可以在手机上帮你生成代码片段。

检查是否保存为 .html 文件。用浏览器打开（双击文件或右键→打开方式→浏览器），而不是用文本编辑器打开。确保文件名以 .html 结尾。

图片路径要用相对路径或在线链接。如果图片在本地，确保图片文件和 HTML 文件在同一个文件夹，路径写对了。建议先用在线图片测试。

给 AI 更具体的描述。不要说"好看一点"，要说具体的内容：主色用 #2D1B69、字体用 Noto Sans SC、导航栏固定顶部、间距大一点。也可以给 AI 发一个参考网站的链接。

告诉 AI"加响应式设计，适配手机"。如果已经有代码了，说"帮我修复这个页面在手机上的显示问题"。AI 会自动加媒体查询和弹性布局。

让 AI 教你。直接问："我是一个小白，请一步一步教我如何把这段代码变成网页"。AI 会给出详细的步骤说明。

保留之前的版本。每次修改前复制一份完整代码备份。改坏了就回到备份版本，重新告诉 AI 你的需求。建议用 Git 做版本管理。

在提示词里加一句"请用中文回答"或"请输出中文内容"。大多数 AI 工具会根据你的语言自动适配。

告诉 AI"帮我优化页面加载速度"。常见的优化：压缩图片大小、减少不必要的 JavaScript、使用 CDN 加载库、开启懒加载。

检查表单的 action 地址是否正确。如果用 Formspree，确认表单 ID 是对的。在浏览器控制台（F12→Console）看有没有报错信息。

检查 href 属性里的文件名是否正确，大小写要一致。确保所有页面文件都在正确的位置。用浏览器右键→检查→Console 看有没有 404 错误。

推荐用 Vercel 部署：注册 Vercel 账号→关联 GitHub 仓库→自动部署。完成后会得到一个 xxx.vercel.app 的链接，发给别人就能访问了。

检查 Vercel 的构建日志（Deploy → Logs），看红色报错信息。最常见的错误：项目框架没选对、入口文件缺失。把报错截图发给 AI 帮你解决。

可以。在 Vercel 的项目设置中 → Domains → 输入你的域名。需要在域名服务商那里把 DNS 指向 Vercel 的服务器。Vercel 自动处理 HTTPS。

修改本地代码 → 保存 → 推送到 GitHub。Vercel 会自动检测到变化并重新部署。整个过程不到 1 分钟。

对于个人网站、作品集、小型企业官网，免费版完全够用。每月 100GB 带宽、100 小时构建时长，个人使用很难用完。

提示词越具体，结果越好。不要说"做个网站"，要说"做一个摄影作品展示网站，首页大图全屏，作品集用瀑布流布局，黑白色调"。给 AI 明确的参考方向。

一个需求一个需求地提最好。一次说 10 个需求，AI 容易漏掉或搞混。先做首页，满意了再做作品集页，再添加联系表单，一步步来。

把 bug 截图发给 AI，描述你看到了什么、期望看到什么。AI 会分析代码并修复。常见问题：路径错误、拼写错误、API 调用方式不对。

可以。直接说"请用大白话解释这段代码是干什么的"。AI 会用通俗的语言逐行解释，帮你理解（即使你不需要理解也能用）。

开启新对话，把之前生成的完整代码复制进去，然后继续提新需求。建议每次重大改动前保存一个完整版本。

前端代码（HTML/CSS/JS）通常不涉及敏感信息，可以放心给 AI 看。不要在提示词中放入密码、API 密钥、数据库连接字符串等敏感信息。

小型个人网站不需要太担心安全。基本防护：使用 HTTPS（Vercel 自动提供）、不要在前端代码中硬编码密码、表单添加验证码防止垃圾提交。

不会。AI 没有记忆功能（除非你主动保存到它的项目里），每次对话都是独立的。你的创意在你的电脑上，AI 只是帮你生成代码。

强烈建议备份！最简单的备份方式：用 GitHub 管理代码。每次修改后提交（commit）一次，随时可以回到之前的版本。比本地复制粘贴靠谱得多。

个人网站被黑概率很低。如果真的发生了：1. 从 GitHub 拉取干净的版本重新部署 2. 检查是否在代码中泄露了敏感信息 3. 修改所有相关密码 4. 联系 Vercel 支持。