本书以Vue.js的3.0版本为核心技术栈，围绕“前端工程化”和TypeScript的知识点展开讲解，根据笔者多年的前端开发和一线团队管理经验，将Vue 3的知识点按照工程师做项目的实施顺序梳理成章，一步一步帮助读者进行前端工程化和Vue 3的开发。从前端工程化开始到TypeScript语言的学习，再到使用TypeScript开发Vue 3项目，通过循序渐进的学习过程提升读者在前端工程化领域的实战能力。本书大部分知识点都搭配了通俗易懂、可实现的代码案例，读者扫描封底的二维码可获得随书附赠的源代码等资源。本书适合计算机前端开发技术人员、前端技术团队管理人员和相关专业的在校大学生阅读。

程沛权，养了三只猫的程序员，喜欢烹饪、设计和音乐。在前端领域有多年的开发经验和一线开发团队管理经验，曾在网易和UC工作超过7年，在网易工作期间担任内训讲师，有过近百篇的项目经验与教程分享，开展过多次跨部门业务培训课，为多个团队新成员带来有效的快速成长。
个人博客地址：https://chengpeiquan.com

前言
第1章 前端工程化概述
1.1 传统开发的弊端
1.2 工程化带来的优势
1.2.1 开发层面的优势
1.2.2 团队协作的优势
1.2.3 求职竞争上的优势
1.3 Vue.js与工程化
1.3.1 了解Vue.js与全新的3.0版本
1.3.2 Vue与工程化之间的关联
1.3.3 选择Vue入门工程化的理由
1.4 现代化的开发概念
1.4.1 MPA与SPA
1.4.2 CSR与SSR
1.4.3 Pre-Rendering与SSG
1.4.4 ISR与DPR
1.5 工程化不止于前端
1.5.1 服务端开发
1.5.2 App开发
1.5.3 桌面程序开发
1.5.4 应用脚本开发
1.6 实践工程化的流程
1.7 工程化神器Node.js
1.7.1 Node.js
1.7.2 Runtime
1.7.3 Node和浏览器的区别
1.8 工程化的构建工具
1.8.1 为什么要使用构建工具
1.8.2 Webpack
1.8.3 Vite
1.8.4 两者的区别
1.8.5 开发环境和生产环境
第2章 工程化的前期准备
2.1 命令行工具
2.1.1 Windows
2.1.2 macOS
2.2 安装Node环境
2.2.1 下载和安装Node
2.2.2 版本之间的区别
2.3 基础的Node项目
2.3.1 初始化一个项目
2.3.2 了解package.json
2.3.3 项目名称规则
2.3.4 语义化版本号管理
2.3.5 脚本命令的配置
2.3.6 Hello Node
2.4 学习模块化设计
2.4.1 模块化解决了什么问题
2.4.2 如何实现模块化
2.4.3 用CommonJS设计模块
2.4.4 用ES Module设计模块
2.5 认识组件化设计
2.5.1 什么是组件化
2.5.2 解决了什么问题
2.5.3 如何实现组件化
2.6 依赖包和插件
2.6.1 包
2.6.2 node_modules
2.6.3 包管理器
2.6.4 依赖包的管理
2.6.5 如何使用包
……
第3章 快速上手TypeScript
第4章 脚手架的升级与配置
第5章 单组件的编写
第6章 路由的使用
第7章 插件的开发和使用
第8章 组件之间的通信
第9章 全局状态管理
第10章 高效开发
附录 本书涉及的部分官方网站和文档的地址