想让您的 Angular 网站尽可能快速且易于访问？你来对地方了！
Minko Gechev
什么是 Angular？
Angular 是一个用于构建界面的框架。它提供了各种构建块，可帮助您快速设置可维护且可扩缩的应用。Angular 可帮助开发者创建可在 Web、移动设备或桌面设备上运行的应用。
此合集包含哪些内容？
本集合重点介绍了优化 Angular 应用的五个主要方面：
- 提高应用的性能，以提高用户转化率和互动度
- 通过使用 Angular Service Worker 预缓存资源，提高应用在网络状况不佳时的可靠性
- 使用预呈现和服务器端呈现，让搜索引擎和社交媒体漫游器可发现您的应用
- 让您的应用可安装，以提供类似于 iOS/Android 应用的用户体验
该系列中的每篇博文都会介绍可直接应用于您自己应用的技术。
此集合中不包含哪些内容？
本集合假定您已熟悉 Angular 和 TypeScript。如果您对这些技术还不太熟悉，请参阅 TypeScript 文档以及 angular.io 上的 Angular 入门指南。
开始项目
Angular 命令行界面 (CLI) 可让您快速设置简单的客户端 Angular 应用。本博文简要介绍了 CLI，而该系列中的其他博文则介绍了如何添加更高级的功能，例如服务器端渲染和部署支持。
设置 CLI
首先，全局安装 CLI，然后运行以下命令，验证您是否拥有最新版本：
npm i -g @angular/cli
ng version
确保最后一个命令输出的版本为 8.0.3 或更高版本。
或者，如果您不想全局安装 CLI，可以在本地安装并使用 npx 命令运行：
npm i @angular/cli
npx ng version
创建项目
如需创建新的项目运行，请执行以下操作：
ng new my-app
此命令将为您的应用创建初始文件和文件夹结构，并安装应用所需的节点模块。
设置流程成功完成后，运行以下命令启动应用：
cd my-app
ng serve
现在，您应该能够通过 http://localhost:4200 访问您的应用。
接下来怎么做？
在本合集的其余部分，您将了解如何提升 Angular 应用的性能和 SEO。以下是涵盖的内容：
- Angular 中的路由级代码拆分
- 使用 Angular CLI 设置性能预算
- Angular 中的路由预提取策略
- Angular 中的变更检测优化
- 使用 Angular CDK 虚拟化大型列表
- 使用 Angular Service Worker 进行预缓存
- 使用 Angular CLI 预渲染路由
- 使用 Angular Universal 进行服务器端渲染
- 使用 Angular CLI 添加 Web 应用清单