React vs Vue:AI生成前端框架指南
提示词描述:
帮助前端架构师快速评估技术栈适配性,内置性能基准测试对比。提供设计稿可使组件结构匹配度达90%,适合企业级项目前期规划。
提示语关键词:
前端框架AI生成,React Vue对比,技术选型工具,组件库生成,跨框架迁移
提示词内容:
【应用场景】
技术选型时对比不同框架实现相同功能的代码差异
【案例描述】
构建用户权限管理面板,AI分别生成React Hooks与Vue3 Composition API实现方案,对比显示Vue方案减少30%模板代码
【提示词正文】
指定需求:
1. 功能模块清单(如路由/状态管理/组件通信)
2. 技术栈偏好(TypeScript/样式方案)
3. 性能要求(首屏加载/渲染频率)
输出:双框架实现代码+架构对比表+迁移成本评估
【使用技巧】
提供UI设计稿链接,注明第三方库使用限制
【延伸用法】
生成渐进式迁移方案,自动转换部分模块并保留兼容接口