我讨厌在标题中使用类似于“炸裂”等情绪词来诱导点击，除非我此刻真的觉得很炸裂。

另外“5分钟做个app” 参考自小排老师的一篇使用bolt的文章。推荐大家阅读：https://articles.zsxq.com/id_4dus5o2w72rc.html

正文：

今早，想对比下deepseek和bolt.new 在前端代码生成下的表现；当我打开bolt之后发现了这个东西：

这个AI工具已经强大到可以直接可以生成app了？？ 那岂不是，利好三月份的ios出海！

以下内容分为两部分：

1.

app生成流程

2.

bolt简明使用教程

先知

官网：bolt.new

账号：左上角sign in,我一直使用github账号登录比较方便

手机所用app：Expo Go（当前文章所用设备：iphone，国内商店）

价格：一定代码量内免费，体验完全够用

prompt

先一句话试一下，让他生成一个壁纸分享的app，然后坐等奇迹发生

说好的预览呢？别着急，沿着它的指引再走一步。

打开手机相机，手机安装好Expo Go之后，是没有扫码选项的，这个时候需要打开相机，然后扫描二维码；他会自动出现在app中打开的选项：

成功之后，稍作等待就可以在手机上预览了

效果还是蛮不错的，有些地方应该是有图标的，我的手机在深色背景下没有良好显示，可以换成浅色背景，或者在一个支持的ide中查看：

怎么样，有没有被震撼到？！

更复杂的需求和代码生成不再赘述，代码能力不会由编程语言，产品形态的不同而有显著差异。

bolt简明教程

页面信息

左边1大量文字部分，是bolt生成代码过程中的输出，做了什么事情，生成了哪些代码，运行了哪些命令；你可以理解成和cursor一样的回复。

左边2是继续对话的窗口

右边3部分，主要是一个在线的IDE，他有两个最主要的功能：

1.

代码预览和编辑（Code)

2.

效果预览(Preview)

你可以实时的编辑代码，并预览效果。

右边4部分：

导出代码：生成代码之后，左上角Export里面有两个选项，一个是download下载代码到本地；另一个是Open in StackBlitz, 这是一个在线的IDE，我更喜欢在这里面直接把代码导入到我的github仓库。

上图是：Open in StackBlitz, 你可以将你的项目，从这里导入，然后在bolt.new中打开；也可以bolt生成代码之后，点击“Create a repository" 他会自动的打开你的github建立仓库。

在线ide甚至可以预览手机app的页面（上图右）。

连接到数据库：Connect to Supabase 支持项目连接到数据库（Supabase）

部署：deploy 分为两部分，deploy to web / deploy to App Store

其中第一个是将你的网站或者项目部署到netlify这个平台，他会给你一个子域名供你访问。

第二个是将app上传到应用商店，下面是点击后的教程链接：

https://docs.expo.dev/deploy/submit-to-app-stores/

个人习惯：

我更喜欢在bolt中生成项目的雏形，例如大致的前端样式，基础的简单的组件功能，然后将代码上传到github仓库；之后在本地关联github仓库，然后在cursor中进行更深入的功能开发（雕花）。