🎯 本教程将教你:用 Bolt.new 从零搭建一个完整的待办事项(Todo)应用,包含前端页面、后端API和数据库。全程不需要写一行代码。预计时间:10分钟。
📋 准备工作
- 打开 bolt.new
- 用 GitHub 账号登录(免费)
- 准备好你的应用想法
📝 操作步骤
第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会自己定位和修复