AI 生成前端项目的 bolt.new 是怎么做到的？

文章预览

最近一些 AI 生成前端代码的应用挺火的。 比如 bolt.new 我告诉他写个菜谱大全网站，用 react、ts 写。 它会依次生成这个项目的全部代码： 可以看到，它的流程是这样的： 先生成 package.json，然后执行 npm install。 依次生成所有的文件。 然后跑下 npm run dev： 这样就可以在右侧看到生成的代码和预览效果了： 交互啥的都没问题。 之后点击部署： 它会部署到服务器，然后给你一个 url。 打开看下： https://gleeful-sundae-df68f2.netlify.app/ 这样一个菜谱网站就给写完并部署好了。 是不是很震撼！ 要一个月薪 2 万的前端工程师写，也得要至少一天吧。 但是 AI 只要一分钟就给生成然后部署好了。 当然，我的需求比较简单，你完全可以描述更细致的需求，让 AI 给你生成。 生成后也可以再提需求，让它继续完善。 或者你也可以基于这些代码自己改： 这对于工作效 ………………………………