MK-Web前端架构师2022版（35周）

这门课要解决的核心问题是：你写过页面，但不会把工程化、类型系统、组件复用、工具链串起来，做架构时总是临场救火。它不教「写页面」，而是把从前端个人项目到可维护、可扩展、前后端协作的工程体系拆开来讲。

能力缺口：从「能跑页面」到「能搭架构」差在哪

多数前端学习者卡在三个地方：一是工程化没概念，项目目录一团乱，构建配置靠复制粘贴；二是类型系统用不上，前后端对接全靠注释和约定；三是组件复用停留在本地页面，不知道怎么把通用逻辑抽成可发布、可定制的组件库。这门课把这三个缺口串起来，逐个补上。

适合什么基础

有一定前端开发经验，做过 Vue 或 React 项目，写过组件，但更偏向「能实现功能」而非「能设计工程体系」的人。如果你只会写页面、不会搭构建、不会做架构决策，这门课的对应部分正好补你的短板。

建议先看哪几块

• Vue3 基础与组合式 API：先确认你对响应式、生命周期、自定义Hook的用法是否扎实。
• TypeScript：重点看类型定义、泛型、前后端接口契约的类型化写法，这是后面工程化的地基。
• 组件库开发：把本地组件抽成可发布、可定制的库，理解设计令牌、按需加载、版本发布的完整链路。
• CLI 工程化：掌握用 Node 搭建命令行工具、配置工程化脚手架、处理参数与文件系统的能力。
• 前后端协作：用类型定义约束接口、用 CLI 生成约定式代码、用监控体系追踪线上问题，形成端到端闭环。

学完能独立做什么

能独立把一个小型前端项目重构为工程化体系，能开发并发布一个可复用的组件库，能编写自定义 CLI 工具完成团队脚手架和自动化任务，能在前后端协作中用类型系统消除沟通成本。这些不是纸上谈兵，是资料包里每个模块都配了可落地的练习和可运行的示例。

资料怎么配合练习

资料包里的模板、示例代码、工程化脚手架是练手的载体。建议按模块顺序走：先看示例理解设计意图，再对照资料包里的模板改自己的项目，最后用练习题检验。资料包不是看一遍就行，关键是用它搭自己的工程环境，把每个模块跑通、跑顺，才算真正补上了能力缺口。