bolt.new 是一个浏览器内运行的全栈代码生成工具，用户输入具体自然语言需求（如图书管理页面），ai 自动生成 react+vite 项目、实时预览、支持编辑器微调、一键部署至 vercel。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用自然语言描述你想要的网站或应用，Bolt.new 就能自动生成可运行的全栈代码，无需安装环境、不用写一行代码，整个过程在浏览器里完成。
创建项目并输入需求描述
打开 https://bolt.new/，点击「Create New Project」→ 在左侧聊天框中输入一段清晰、具体的自然语言描述，比如：“生成一个带搜索功能的图书管理页面，包含书名、作者、分类三列，支持按作者筛选，使用 Tailwind CSS 美化界面”。
这一步不能只写“做一个图书网站”，【描述越具体，生成的结构越贴近可用】。模糊提示会导致组件缺失、逻辑错位，甚至无法启动开发环境。
等待AI生成并预览初始版本
Bolt 会自动解析你的提示，调用大模型生成 React + Vite 项目结构，下载依赖，启动本地服务器。
几秒后右侧预览区就会显示可交互页面。如果页面空白或报错，说明提示词触发了不兼容的框架组合，此时直接修改左侧提示词重试即可——不需要重启项目、也不用清缓存。
在编辑器中微调代码
点击右上角「Edit Code」进入内置编辑器，所有文件以树形结构展开，支持语法高亮和基础补全。
第一步：找到 src/App.tsx 或 src/App.jsx，这是主渲染入口；
第二步：定位到需要调整的 JSX 区块，比如把“暂无数据”改成“还没有添加任何图书”；
第三步：保存后预览区实时刷新，改动立即生效。
注意：不要手动删掉 import { createRoot } from 'react-dom/client' 这类核心引入语句，【删除会导致整个App无法挂载】。
部署上线
点击顶部导航栏的「Deploy」按钮 → 选择 Vercel（默认集成）→ 登录 Vercel 账号 → 授权后自动构建并返回访问链接。
整个过程无需配置域名、SSL 或 CI/CD 流水线，链接生成即生效，分享给他人就能打开。
