AI个人学习
和实操指南

Bolt 使用指南:从基础到进阶的操作技巧

Bolt 使用指南:从基础到进阶的操作技巧-1

 


掌握 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。

  1. 读取天气数据
  2. 与 OpenAI 交互
  3. 使用 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 使用指南:从基础到进阶的操作技巧-1

 

 

还记得《波斯王子》吗?使用 Bolt 回到过去,撤销不满意的更改。

 

 

听说过 .cursorrules 吗?Bolt 有一个类似的功能。
我刚刚用 Bolt 测试了这一点。
只需将你的编码标准和规则添加到 .bolt/prompt 文件中,你就可以指导 AI 应该如何表现。

Bolt 使用指南:从基础到进阶的操作技巧-1

 

 

Bolt 是开源的。
你可以在 GitHub 上找到 Bolt 使用的完整提示词。

图像

AI轻松学

普通人的AI入门指南

帮助你以低成本、零基础学会如何利用AI工具。AI就像办公软件一样,是每个人的必备技能。 掌握AI会让你在求职中占据优势,在未来的工作和学习中事半功倍。

查看详情>
未经允许不得转载:首席AI分享圈 » Bolt 使用指南:从基础到进阶的操作技巧

首席AI分享圈

首席AI分享圈专注于人工智能学习,提供全面的AI学习内容、AI工具和实操指导。我们的目标是通过高质量的内容和实践经验分享,帮助用户掌握AI技术,一起挖掘AI的无限潜能。无论您是AI初学者还是资深专家,这里都是您获取知识、提升技能、实现创新的理想之地。

联系我们
zh_CN简体中文