想让您的 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 命令运行该 CLI：
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 应用清单
- 使用 Codelyzer 进行无障碍功能审核