通义千问前端组件实战精选：写出可发布版本的5个步骤

先说结论：通义千问生成的Vue组件代码，不能直接复制粘贴到生产环境。类型校验缺失、构建产物缺失、环境变量没处理、开发依赖没剥离——任意一点踩中，线上就是白屏或报错，这几乎是排雷铁律。

确认生成代码是否满足发布前提

拿到通义千问吐出来的组件代码，别急着跑，先逐行过一遍：【必须存在 defineProps 或 interface 声明】。如果 props 类型写着 any，或者压根没定义，那这个组件就不能直接上线；【禁止出现 console.log、debugger、未注释的 TODO】，这些留在生产环境里就是调试痕迹，必须清除；再检查 import 链路，有没有引入了仅用于开发的包（比如 @vitejs/plugin-vue-jsx）——有的话，要么删掉，要么换成运行时等效实现。

操作上倒不复杂，把文件拖进去就能完成核对。但问题是，漏掉任意一项，打包时可能不报错，用户一点击就崩溃——这就是那种最让人头疼的“静默故障”。

注入真实项目约束，强制生成可发布结构

关键在于：在提示词里就把你的实际构建规范写死。

方法一：绑定构建工具链
“你是一名 Vue 3 + Vite 5.4 工程师，生成的组件必须：① 使用 <script setup lang="ts"> 语法；② 所有 props 必须用 withDefaults(defineProps<...>(), {...}) 声明默认值；③ 不使用任何 require()、__dirname、process.env.NODE_ENV 字符串判断；④ CSS 必须写在