微精选

Bolt 是一款可以非常棒的 AI 全栈 Web 开发工具，快来一起看看吧。

工具名称：Bolt

使用环境：需要梯子

工具地址：https://w/

开源仓库：
https://github.com/stackblitz/w

一、工具介绍 ️

Bolt 是由 StackBlitz 推出的基于浏览器的 AI 全栈 Web 开发工具，无需本地设置即可进行提示、运行、编辑和部署全栈应用程序，对中文支持很友好。

Bolt 能够在浏览器运行 Node.js 环境，支持 Astro、Vite、Next.js、Nuxt.js ，还有 Vue、React、Svelte 等前端框架，可以通过对话完成项目创建、开发和部署的完整流程，并支持通过 URL 分享。

二、快速上手

Bolt 可以让非技术人员通过对话形式，快速创建并上线自己的网站。接下来和 Chris 一起创建个简单博客试试。

1.输入提示词

登录 Bolt 后，在首页输入框中，输入提示词，描述需要制作的网页大概信息，比如 Chris 想做一个博客，提示词如下：

根据下面内容创建一个博客站点，使用 Vue3+TS，需要支持：

1.支持切换主题：明亮主题，黑暗主题，像素主题，iOS 主题

2.主题色为浅蓝色；

3.核心页面包括：主页，文章列表，文章详情，投稿页面，关于页面

4.文章详情页包括：文章标题，发布时间，作者名称，文章分类等

参考内容：

「AI 工具派」是一个专注于分享各类优秀 AI 工具和前沿 AI 资讯的自媒体平台，至今已发布超过 80+ 篇原创文章。️ 使命是：「探索最新 AI 工具，发现 AI 带来的无限可能性」！

2.等待生成代码

接下来只要等待 Bolt 一步步完成代码生成即可，期间我们可以看到 Bolt 是如何一步步实现的：

3.创建完成

等待 Bolt 创建所有代码后，即可在右侧预览网页效果，还可以在左侧输入框中，通过提示词让 Bolt 对网页进行修改。

4.一键部署网站

当页面调整完成后，即可点击页面右上角“Deploy”一键部署网站。

当部署完成后，Bolt 会返回线上地址，Chris 部署的地址为：
https://lify.app/

三、核心功能

1.流畅自然的开发体验

Bolt 提供了通过对话方式进行项目开发，用户可以随时对网页进行修改，期间无需写任何代码，非常流畅自然。

2.支持修改项目代码

Bolt 会为当前生成的网站创建一个项目，包含所有的代码文件，用户可以点击右上角“Open in StackBlitz”，打开 StackBlitz 在线编辑器，运行和修改项目代码。

当然，也支持项目导出等操作，还可以从 StackBlitz 在线编辑器打开到 Bolt，太赞了。

3.详细的代码过程介绍

Bolt 跟其他 AI 编程工具一样，会把生成的代码进行详细介绍，对于开发人员来说，非常直观，好理解：

4.自动导入 Github 项目

Bolt 也支持在 github 仓库地址前面增加https://w/，直接导入该项目到 Bolt，比如：

• 原本仓库地址为：https://github.com/pingan8787/awesome-ai-tools
• 修改后：https://w/github.com/pingan8787/awesome-ai-tools

即可导入，对于已有项目使用 Bolt 非常方便：

5.支持上传附件

Bolt 还支持在对话框中上传附件（如图片等），作为对话上下文，这样就可以直接把 UI 设计稿直接上传给 Bolt 实现，非常方便

6.自动修复错误

在项目运行过程中，如果出现 Bug，也可以让 Bolt 自行修改即可。

四、收费情况

目前 Bolt 提供免费版和付费订阅，其中免费版支持：

2. 由具有 20 万上下文窗口的 Sonnet 3.5 提供支持。
3. 全浏览器式集成开发环境。
4. 提供无限个公共项目和集合。
5. 可以打开并编辑公共的 GitHub repositories。
6. 每个项目最多可上传 1MB 的文件。
7. 有社区支持。

详细的收费情况参考官网介绍：
https:///pricing

五、总结

Bolt 是 StackBlitz 推出的浏览器 AI 全栈开发工具，功能强大且对中文友好。非常符合 Chris 对 AI 编程助手的想象，大家感兴趣可以抓紧去体验啦～