大家好,我是五月君!今天尝试用 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
文件。
近期文章推荐
扫描以下二维码加小编微信,备注 “ai”,一起交流 AI 技术!