要用Bolt快速搭建支持vibecoding的项目，必须先安装并验证Bolt CLI（版本≥2.4.0），再通过bolt new --template=vibecoding初始化或bolt add vibecoding添加能力，最后运行bolt dev --vibecoding启动并启用实时编辑。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要用Bolt快速搭建一个支持vibecoding的项目，必须先确保本地已安装Bolt CLI并完成基础配置，否则后续所有命令都会报错或无法识别vibecoding指令。
安装并验证Bolt CLI
在终端中运行 npm install -g @bolt/cli 安装全局CLI工具；安装完成后执行 bolt --version 确认输出版本号不低于 2.4.0，低于该版本不支持vibecoding特性。
如果提示 command not found: bolt，说明Node.js环境变量未正确配置，需重启终端或手动将npm全局bin路径加入PATH。
初始化支持vibecoding的项目
方法一：使用内置模板一键生成
执行 bolt new my-vibe-app --template=vibecoding → 等待模板下载与依赖安装完成 → 进入项目目录 cd my-vibe-app。
这一步会自动启用vibecoding所需的插件、配置文件和示例代码结构。若跳过--template=vibecoding参数，生成的项目默认不包含vibecoding运行时支持，后续需手动补全大量配置。
方法二：向现有Bolt项目添加vibecoding能力
在已有Bolt项目根目录下运行 bolt add vibecoding → 该命令会注入vibecoding.config.ts、修改bolt.config.ts并安装@bolt/vibecoding-runtime依赖。
【必须删除 node_modules/.bolt/cache 目录】 否则vibecoding编译器可能复用旧缓存，导致热更新失效或组件渲染异常。
启动开发服务器并启用vibecoding模式
第一步：在项目根目录下运行 bolt dev --vibecoding。
第二步：浏览器访问 http://localhost:3000，页面右上角会出现浮动的vibecoding控制面板图标。
第三步：点击图标 → 选择“Enable Live Edit” → 此时编辑任意.vibe.tsx文件，保存后UI将实时响应变更，无需刷新页面。
注意：若控制面板未出现，请检查终端是否显示 VibeCoding server started on port 3001，未显示说明--vibecoding参数未生效，需确认Bolt CLI版本并重试。
