教程

如何用 Bolt.new 从零搭建一个完整网站?10分钟上手指南

不需要写一行代码,用 Bolt.new 从零搭建一个包含前后端和数据库的完整网站

🎯 本教程将教你:用 Bolt.new 从零搭建一个完整的待办事项(Todo)应用,包含前端页面、后端API和数据库。全程不需要写一行代码。预计时间:10分钟。

📋 准备工作

  1. 打开 bolt.new
  2. 用 GitHub 账号登录(免费)
  3. 准备好你的应用想法

📝 操作步骤

第1步:描述你的需求

在 Bolt.new 的输入框中输入:"创建一个Todo待办事项应用,包含添加、删除、标记完成功能。使用 React + Tailwind CSS 做前端,Node.js 做后端,SQLite 做数据库。要支持用户注册和登录。"

越详细越好——Bolt.new 根据描述生成代码。

第2步:等待生成

Bolt.new 会自动生成项目结构、安装依赖、创建数据库。你可以在右侧实时看到生成的代码和左侧的预览。通常 1-2 分钟完成。

第3步:测试和调整

在预览窗口中测试你的应用。如果有不满意的地方,直接在对话中说:"把按钮颜色改成蓝色"、"增加按日期排序功能"、"加一个搜索框"等。

第4步:一键部署

点击右上角的 Deploy 按钮,Bolt.new 会帮你部署到 Netlify 或 StackBlitz 的服务器上,生成一个可分享的链接。

💡 进阶技巧

  • 分步构建:先做核心功能,再逐步添加细节。不要一次性描述过于复杂的需求
  • 参考现有网站:可以粘贴参考网站的URL,Bolt.new会模仿其设计风格
  • 利用AI对话:遇到bug直接在对话中描述,Bolt.new会自己定位和修复

提示:AI 生成内容建议人工检查后使用。免费版可能有使用次数限制。