只需 2 分钟,让 Bolt.new 写一个 “抖音”!

职场   2024-11-12 20:53   河南  

大家好,我是五月君!今天尝试用 Bolt.new 构建了一个简化版的 “抖音”。输入提示词 “克隆一个抖音” 后,不到片刻,一个基础的项目就呈现在眼前。

关于 Bolt.new 介绍,参见此前发布:它!号称 V0 杀手,一个 AI 命令即可构建全栈应用,关键还开源

如下图所示,可看到使用的技术栈是 React + TS + Vite + Tailwindcss。你可以将整个项目下载到本地或在 Stackblitz 中编辑,也可以继续在 Bolt.new 中通过自然语言或编辑代码的方式进行修改。

创建好后,已经迫不及待的想看下效果了,第一次没有完全的成功,预览效果如下所示,通过输入提示词让 Bolt.new 进行修复下视频加载失败的问题,但是几次下来效果都不太好。后来看了下代码很快就定位到问题是 Bolt.new 生成的视频 Demo 地址有问题,后面进行了替换。

以下是经过调整后,最终呈现的效果,可看到这个应用还包含一些简单的交互功能。例如,点击 “喜欢” 会+1。整个代码的生成和微调过程不到 2 分钟(唯一花费时间多的地方是 Bolt.new 生成的视频播放地址有问题,找这个地址花了一些时间 😂)

以下是视频效果演示

Bolt.new 是一款国外的软件,对抖音的理解应该基于其国际版 “TikTok”,从生成的界面风格也能看出这点。尽管生成一个完整、功能齐全的应用并不现实,但如果你有一些创意想快速实现,Bolt.new 这样的工具可以帮助你用代码将想法迅速呈现,做一个 Demo 还是可以考虑下的。如果需要修改,可以通过调整提示词或直接编辑代码,并即时预览效果。

同样的提示词,以下是在 V0 上进行的测试,预览效果看起来差别不大,但相比之下,Bolt.new 生成的代码是一个完整的项目,并提供了一个完整的全栈开发环境,支持一键部署。而 V0 更偏向于组件级别,只生成了一个 tiktok-clone.tsx 文件

近期文章推荐

  1. 它!号称 V0 杀手,一个 AI 命令即可构建全栈应用,关键还开源

  2. 微软结合 JS + AI 搞了个全新脚本语言:带你感受下代码和自然语言的融合!

  3. 国产开源轻量级 AI 证件照项目,网友第一时间已经安排马斯克体验上了!

  4. Vue 开发者也要失业了?AI 工具 v0 已支持生成 Vue 代码了!

  5. Docker 团队正在探索用 AI 生成 Dockerfile

  6. 5.1K Star!打造具有生成式 UI 的 AI 搜索引擎

- 线 -

扫描以下二维码加小编微信,备注 “ai”,一起交流 AI 技术!

AI智见录
洞见AI前沿,分享技术与实践,助力智慧未来
 最新文章