本目录是一套面向公司内部开发者的 Vue3 转岗 / 补栈课程,主要受众是:
- 有 Cocos Creator 或其他客户端开发经验
- 已使用 TypeScript,但缺少系统 Web 前端经验
- 需要基于芋道
yudao-ui-admin-vue3与ruoyi-vue-pro二次开发
- 30 天学习路线总纲
- 课程使用说明与编写规范
- 实战环境方案
- 课程 v2 改版说明
- 一键创建 Vue 练习工程
- Day10 后按实际熟练度完成 过渡实战 A 和 过渡实战 B
- 按 Day01 → Day30 顺序学习
- 结业后完成 第二业务模块迁移挑战
课程中的真实源码路径和命令以仓库当前固定版本为准:
| 工程 | 课程基线 |
|---|---|
yudao-ui-admin-vue3 |
2026.06-SNAPSHOT |
ruoyi-vue-pro |
2026.06-SNAPSHOT |
| Vue | 3.5.x |
| Vite | 8.1.x |
| TypeScript | 6.0.x |
| Element Plus | 2.13.x |
| Pinia | 3.0.x |
| Vue Router | 5.0.x |
| Java | 17 |
升级源码后,维护者必须先复核:
package.json scripts / engines
.env*
src/views/Login/
src/config/axios/
src/permission.ts
src/store/modules/
src/router/
src/layout/
旧版官方 README 或网络文章只能作为参考,不能覆盖当前仓库代码事实。
每位学员建议使用自己的 Git 分支:
learn/<name>/day01
每一天至少提交:
- 学习日志
- 实操代码
- 验收命令与结果
- 一次有明确主题的 Git commit
从 Day11 开始,临时实验与正式二开代码必须分开提交,实验结束后可安全回滚。
当前仓库的 demo/day1~demo/day9 是已有学员的手动练习记录,不是 v2 课程标准答案。它们已通过构建验证,可用于观察学习过程,但不能替代独立练习。若公司需要统一参考答案,应另建仅导师可见的 solutions/,并由第二人复核后发布。
| 范围 | 状态 | 说明 |
|---|---|---|
| 总纲 | v2 已改版 | 已改为同一业务主线和可验收产出 |
| Day01~Day10 | v2 已改版 | 已补 Web、DevTools、HTTP、状态边界和工程验收 |
| Day10.5-A / B | v2 | 已增加库存闭环与公告迁移两次分目录实战 |
| Day11 | v2 已改版 | 已按当前前后端版本改为真实联调基线 |
| Day12 | v2 已改版 | 已按当前真实登录源码重写 |
| Day13~Day20 | v2 已改版 | 已按当前 Token、权限、CRUD、字典和上传实现重写 |
| Day21~Day30 | v2 已改版 | 已统一为游戏道具管理端到端主线 |
| 附录 A | v2 | 第二业务模块迁移挑战 |
| 附录 B | v1 | 芋道轻量练习模板与一键创建脚本 |
课程进入正式培训前仍需由第二名维护者按编写规范复验命令、源码路径和示例。
发现以下问题时应提交文档修订:
- 命令无法执行
- 源码路径不存在
- 示例不能构建
- 章节任务前后依赖断裂
- 教学 Demo 与真实芋道写法混淆
- 验收标准不可观察
- 新版本源码已改变关键机制
修订说明至少包含:
问题
影响版本
复现方式
修正内容
验证结果