第5章 v0 快速入门指南
快速入门 欢迎使用 v0!本指南将带你了解 v0 的核心功能与工作流程。
访问 v0.app 并登录 开启新对话或创建项目 用自然语言描述你的想法 查看生成的应用,并根据需要持续迭代
提示:描述你的想法 首先,用你习惯的语言描述你想构建的内容。v0 会基于描述生成一个可运行的应用。 你可以尝试以下简单提示词来开始:
“一个带有添加、编辑和删除功能待办事项应用” “一个 SaaS 产品落地页,包含主视觉区域和定价” “一个展示用户分析的仪表盘,配有图表” “一个可以发送邮件的联系表单”
了解更多关于文本提示的信息 迭代:优化你的应用 v0 生成初始应用后,你可以通过对话不断迭代和完善。
切换至代码视图并请求修改 在预览工具栏中选择“代码”标签,切换到代码视图 检查代码,在行号区域选中行以添加注释作为上下文 带着这些注释和其他指令发送下一条提示:“在产品列表中添加一个搜索栏”
了解更多关于代码查看器的信息 设计模式
在预览工具栏中选择“设计”标签,进入设计模式 在预览中选中元素,通过视觉操作或自然语言指令调整样式 点击“应用”,将编辑内容作为新的聊天版本提交回源代码
了解更多关于设计模式的信息 集成:连接外部服务 通过连接数据库、API 和外部服务,为应用添加实际功能。 打开项目菜单 ... → 设置 → 集成以安装集成插件,或直接提示 v0:“为我的应用连接一个数据库”。 数据库 从项目菜单 ... → 设置 → 集成中安装数据库集成插件:
Neon - Serverless PostgreSQL Supabase - 带有认证和实时功能的 PostgreSQL Upstash for Redis - Serverless Redis Blob - 文件存储
了解更多关于数据库集成的信息 AI 模型 v0 内置了 Vercel AI 网关集成,可自动使用你的 Vercel 账户配置 API 密钥。这样你便能通过单一端点访问数百种 AI 模型。 从项目菜单 ... → 设置 → 集成中一键安装 AI 提供商:
Grok - xAI 模型 fal - 图像生成 Deep Infra - 开源模型
你还可以通过提示 v0 并在全局变量中填入 API 密钥,使用 OpenAI 或 Anthropic 等第三方提供商。 了解更多关于 AI 集成的信息 支付 为应用添加支付处理功能:
Stripe - 接收付款并管理订阅
外部 API
描述集成需求:“连接 Twilio 用于短信通知” v0 会生成所需的 API 调用和错误处理 生成后,集成向导会提示你添加 API 密钥 如需手动编辑或添加密钥,请打开项目菜单 ... → 设置 → 环境变量。
了解更多关于 API 集成的信息 发布:部署到生产环境 通过聊天标题栏中的发布控件,将应用发布到 Vercel。 首次发布时:
选择“发布”。 如果 v0 需要创建 Vercel 项目,请确认项目名称。 选择部署的可见性和域名。 如果显示商务模式,请检查未申领的 Stripe 测试沙箱或 Shopify 开发商店。 选择“发布”并等待生产环境部署完成。
后续有更改时,打开“发布”并选择“发布更改”以更新同一生产 URL。如果项目已连接 GitHub,v0 将创建或重用 Pull Request,合并到基础分支并部署结果,同时遵守仓库规则。 了解更多关于部署的信息 添加自定义域名 直接在 v0 中添加自定义域名:
首次发布时:在域名步骤中选择域名 从设置中:点击项目菜单 ... → 设置 → 域名
你可以自定义默认域名(your-domain.vercel.app)或连接自定义域名。也可以通过 Vercel 域名服务购买域名。 了解更多关于自定义域名的信息 管理与协作 管理你的项目并与团队协作。 项目设置 使用项目菜单 ... → 设置管理项目:
Vercel 项目 - 查看已连接的 Vercel 项目并管理生产部署的可见性。 集成 - 连接和管理项目集成。 环境变量 - 管理来自 Vercel 的环境变量。 GitHub - 为项目创建 GitHub 仓库。 模板 - 将项目发布为模板。 域名 - 管理项目域名。 分析 - 启用 Vercel 分析功能以获取项目流量洞察。
请注意,项目设置在同一项目下的所有聊天中共享。 了解更多关于项目的信息 团队协作 使用聊天标题栏中的邀请按钮打开协作设置,你可以:
邀请个人团队成员。 管理团队成员的查看和编辑权限。 将聊天分享给团队或其他任何人。
了解更多关于团队的信息 了解更多关于定价的信息 下一步 了解基础操作后,试着构建一个简单的应用或探索社区模板。 需要帮助?
社区论坛:在社区论坛提问 Vercel 支持:访问 vercel.com/help 联系支持 X 社区:加入 X 上的 v0 社区
准备好开始构建了吗?上一节:Vercel 集成 下一节:常见问题