掌握 Bolt 的一切所需知识的综合指南 🧵
初始选项看似显而易见,但仍然容易被忽视。你可以直接从你喜欢的前端框架开始。
在 gpt/claude 中提前准备你的提示词。
- 节省大量 Token。
- 将其用作你的软件架构师。
一个提示词示例:
1/
你是一名软件架构师。你的任务是为工程师提供清晰、精确的规格说明以供实施。仅专注于当前功能,避免理论或未来的考虑。按功能逐一分解规格,并将用户故事控制在每篇 200 字以内。这有助于确保迭代改进并避免让大语言模型感到负担。
保持描述直接简洁,避免不必要的细节。
不要输出任何内容,等待输入功能和技术栈。
按回车键继续。
2/
(现在在 GPT 中启用 Web 搜索!)
我们将使用以下技术栈:
复制并粘贴你 Bolt 项目的 package.json 文件的内容(这是最快的方法)。
或者直接输入:我正在使用 nextjs 14,结合 shadcn、tailwindcss 和 zod…
研究并了解这些内容。我们将在下一步中需要它们:
3/
(禁用 Web 搜索)
任务:
--> 你的应用描述 <--
输出:
根据给定的框架编写用户故事,并在开头附上一个简短的摘要。不要输出代码。
如果你执行代码更新,请确保熟悉“Lock”和“Target”。
🔒Lock:Bolt 会忽略此文件,不会更改。
🎯Target:仅会更改特定文件。
你也可以将这些规则应用到文件夹!
迟早你会接触到 API。
- 读取天气数据
- 与 OpenAI 交互
- 使用 Google Maps API
- 你需要创建一个 .env 文件。
- 将你的 API 密钥保存在此文件中。(在代码中找到变量名称,或者 Bolt 会告诉你。)
注意:切勿将此文件保存到代码仓库中。
数据库:
WebContainers 完全在浏览器中运行,因此它们不支持传统的数据库安装。
相反,我建议使用 API 来与远程数据库交互。
- Supabase(PostgreSQL)
- Turso(SQLite)
或者切换到 Cursor 并在那里实现。
这只是部分事实。SQLite 是可行的,但问题是是否值得在 Bolt 中开始这些工作。
你可以上传任何图片,Bolt 会尝试还原其样式、颜色和布局。
如何实现更快的编辑和更少的 Token 使用:
通过基于差异的编辑,Bolt 会在小改动时停止重新生成整个文件。
而且你今天就可以使用基于差异的编辑!
如果在使用 Bolt 时遇到瓶颈:
如果完全无法工作,查看 Bolt 控制台或 Chrome 开发者控制台。在这里你可以找到有用的信息,提供给 Bolt 以便修复。
使用 console.log 来追踪错误。
还记得《波斯王子》吗?使用 Bolt 回到过去,撤销不满意的更改。
听说过 .cursorrules 吗?Bolt 有一个类似的功能。
我刚刚用 Bolt 测试了这一点。
只需将你的编码标准和规则添加到 .bolt/prompt 文件中,你就可以指导 AI 应该如何表现。
Bolt 是开源的。
你可以在 GitHub 上找到 Bolt 使用的完整提示词。