无需懂代码！用AI工具Bolt一键生成网站的入门指南！_

无需懂代码！用AI工具Bolt一键生成网站的入门指南！

作者：木白记 2025-11-07| 浏览次数： 14

Bolt 是一个由 StackBlitz 推出的基于 Al 的全栈 Web 开发工具，允许用户通过简单的文本描述自动生成和部署网站，无需编写任何代码。它通过 A技术显著提升了开发效率，适用于非技术人员和专业开发者。Bolt的核心功能是让用户在对话框中输入需求，自动生成相应的代码和内容展示。

一、Bolt 是什么？

Bolt 是一个浏览器里的 AI 编程助手，专为 Web 开发设计，全栈能力一应俱全，还能部署上线。

你不需要本地环境，不需要配置复杂框架，不用写很复杂的 prompt，直接在对话框里说出需求，它就能立刻修改代码、搭建功能。

它内置了 Claude 3.5/4，开发环境用的是 StackBlitz 的 WebContainer 技术，是真的能「改完代码，马上看到效果」。

支持生态非常强大

支持生态非常强大.png

二、怎么用bolt AI 生成一个前端项目？

我告诉他写个菜谱大全网站，用 react、ts 写。

它会依次生成这个项目的全部代码：

先生成 package.json，然后执行 npm install。

依次生成所有的文件。

它会依次生成这个项目的全部代码：.png

然后跑下 npm run dev：

这样就可以在右侧看到生成的代码和预览效果了：

交互啥的都没问题。

之后点击部署，它会部署到服务器，然后给你一个 url。

打开看下：

https://gleeful-sundae-df68f2.netlify.app

打开看一下.png

这样一个菜谱网站就给写完并部署好了。

是不是很震撼！

要一个月薪 2 万的前端工程师写，也得要至少一天吧。

但是 AI 只要一分钟就给生成然后部署好了。

当然，我的需求比较简单，你完全可以描述更细致的需求，让 AI 给你生成。

生成后也可以再提需求，让它继续完善。

或者你也可以基于这些代码自己改，这对于工作效率的提高，比任何基建都好用。

自己改代码.png

三、为什么要开了 Pro会员？

原价 140+/月，现在只要 88 元人民币

开pro的原因2.png

相当于「租了一个全天候的全栈合伙人 + 设计师 + 项目部署专家」，随时能接得住你的灵感。

开pro的原因.png

四、如何订阅Bolt Pro

初始注册登录后系统会给你1M的token使用额度。但随着使用频率的增多，肯定会出现额度不够的情况，这时我们就需要去订阅升级，保证自己的使用体验

订阅步骤

（1）进入Bolt.new官网，注册登录之后，将鼠标移至【左下角头像】，选择【My Subscription】即可进入套餐选择页面

订阅步骤1.png

（2）按照使用需求选择相应的套餐，点击即可进入支付页面

(3)升级需要用到国外付款卡，与ChatGPT、Claude相似，Bolt并不支持国内的卡，所以最快解决方案：找第三方代充平台帮您充值订阅

这里推荐转外服网进行充值：

充值步骤：

首先：打开转外服网：https://www.zhuanwaifu.com/

第二步：如果没有注册过的话就注册一个账号，有账号的就登入。

第三步：在顶部搜索栏搜索“Bolt Pro”点击对应商品进入详情页。

第四步：选择你要充值的金额与数量，点击立即购买。

第五步：支付成功，需要您提供Bolt账号和密码给客服。

第六步：等待客服充值完成。

五、文章小结

本文介绍了StackBlitz的AI全栈开发工具Bolt，它靠AI技术支持文本生成Web项目代码、实时预览并部署，效率很高。初始有少量使用额度，Pro会员现88元/月可满足高频需求；订阅需官网操作，因不支持国内卡，推荐转外服网代充。

上一篇:暂无
下一篇:Restream.io: 国外在线聚合直播管理平台

资讯