在前面的章节中，我们已经实现了对话历史功能，让 AI 能够基于历史上下文进行网站的迭代优化。但目前平台只支持生成原生网站，在实际使用中有一定局限性。
本节我们将挑战一个有点儿难度的功能 —— 生成更复杂的前端工程化项目，提高本平台的实用性。
主要内容包括：
前端工程化项目是指使用现代化工具链、规范化流程和组件化架构来构建的前端应用。相比传统的 HTML、CSS、JavaScript 三件套，它具备模块管理、自动化构建、代码分割、热更新等现代开发特性，能够更轻松地开发复杂网站。
现在很多前端工程化项目都是使用 Vue 或 React 框架，结合 Vite 等打包构建工具，再加上 ESLint 之类的代码规范校验库来实现的。
调研其他平台，美团 NoCode 平台支持 React 工程项目：
我们不妨就以 Vue 作为示例，让平台能够生成完整的 Vue3 + Vite 工程项目，并且跟其他两种生成模式一样，实现流式输出、网站浏览和部署。这样一来，我们的平台也能够生成更符合企业标准的项目。
友情提示，受限于大模型的能力，有时效果可能没有那么理想，但大家重点学习思路和方法。
通过对一些大厂生成平台的调研，我们可以初步想到 3 种复杂工程项目的生成方案。