技术选型分析
构建工具
Webpack 编译 // gulp grunt 任务
为什么用？ 资源压缩 静态资源替换 模块化处理 编译处理
用哪个构建工具 webpack / npm scripts
MVVM框架选择
Vue
模块化设计
自适应方案设计
代码维护及复用性设计思考
需求变更 产品迭代 BUG定位 新功能开发
项目入口
里程碑与设计文档
- 里程碑规划
- 详细设计：文档体系结构
- 详细设计：执行顺序与交付流
- 开发记录：Vue 文档化重构实践
- M5任务拆解：SSR 与水合场景
- M5详细设计：SSR 数据流与水合边界
- 开发记录：SSR 与水合文档化重构
- M5-2任务拆解：Nuxt 数据获取与渲染模式
- M5-2详细设计：Nuxt 数据流与渲染边界
- 开发记录：Nuxt 数据获取与渲染模式重构
- M5-3任务拆解：状态管理场景
- M5-3详细设计：状态边界与Pinia迁移
- 开发记录：状态管理与Pinia迁移重构
- M5-4任务拆解：动画与复杂交互场景
- M5-4详细设计：动画状态与交互协调层
- 开发记录：动画与复杂交互链路重构
- M5-5任务拆解：认证与权限场景
- M5-5详细设计：认证链路与权限边界
- 开发记录：认证与路由权限链路重构
- M5-6任务拆解：路由缓存与布局场景
- M5-6详细设计：路由视图与缓存边界
- 开发记录：路由缓存与布局编排重构
- M5-7任务拆解：错误边界与降级场景
- M5-7详细设计：错误隔离与客户端降级边界
- 开发记录：错误边界与客户端降级重构
- M5-8任务拆解：异步组件与懒加载场景
- M5-8详细设计：异步加载与占位边界
- 开发记录：异步组件与懒加载降级重构
- 执行清单：里程碑任务开发与交付规范
- M5-9任务拆解：Nuxt中间件与插件场景
- M5-9详细设计：Nuxt运行时注入与中间件边界
- 开发记录：Nuxt中间件与插件注入边界重构
- M5-10任务拆解：Nuxt路由规则与混合渲染场景
- M5-10详细设计：Nuxt路由规则与混合渲染边界
- 开发记录：Nuxt路由规则与混合渲染策略重构
- M5-11任务拆解：Nuxt生命周期与副作用场景
- M5-11详细设计：Nuxt生命周期与副作用时机边界
- 开发记录：Nuxt生命周期与副作用时机重构
- M5-12任务拆解：Nuxt自动导入与隐式依赖场景
- M5-12详细设计：Nuxt自动导入与隐式依赖边界
- 开发记录：Nuxt自动导入与隐式依赖边界重构
- M5-13任务拆解：Nuxt Server Routes与BFF接口场景
- M5-13详细设计：Nuxt Server Routes与BFF接口边界
- 开发记录：Nuxt Server Routes与BFF接口边界重构
- M5-14任务拆解：Nuxt组合式能力分层场景
- M5-14详细设计：Nuxt组合式能力与页面编排边界
- 开发记录：Nuxt组合式能力分层与页面编排重构
- M5-15任务拆解：Nuxt业务模块组织场景
- M5-15详细设计：Nuxt业务模块与feature目录边界
- 开发记录：Nuxt业务模块与feature目录重构
- M5-16任务拆解：Nuxt应用公共层治理场景
- M5-16详细设计：Nuxt应用公共层与共享能力边界
- 开发记录：Nuxt应用公共层与共享能力治理重构
可复用重构案例
- 待办应用核心逻辑重构
- 点餐页购物车联动重构
- 说说应用发布与互动链路重构
- 表单组件校验体系重构
- 表格列扩展渲染体系重构
- 树组件递归与勾选联动重构
- SSR数据预取与水合重构
- Nuxt数据获取与渲染模式重构
- Vuex状态中心与Pinia迁移重构
- 动画与复杂交互链路重构
- 认证请求与路由权限链路重构
- 路由视图缓存与布局编排重构
- 错误边界与客户端降级渲染重构
- 异步组件与懒加载降级重构
- Nuxt中间件与插件注入边界重构
- Nuxt路由规则与混合渲染策略重构
- Nuxt生命周期与副作用时机重构
- Nuxt自动导入与隐式依赖边界重构
- Nuxt Server Routes与BFF接口边界重构
- Nuxt组合式能力分层与页面编排边界重构
- Nuxt业务模块与feature目录边界重构
- Nuxt应用公共层与共享能力治理重构