"Angular13"的目录
Angular13 Angular 部署应用
部署应用
部署应用是指编译或构建代码并将生成的 JavaScript、CSS 和 HTML 托管到 Web 服务器上的过程。
本节基于“入门”教程中的前序步骤，并向你展示如何部署应用。
先决条件
这里的最佳实践是在部署项目之前先在本地运行项目。要在本地运行项目，你需要在计算机上安装以下软件：
- Angular CLI。在终端上，使用以下命令全局安装 Angular CLI：
npm install -g @angular/cli
借助 Angular CLI，你可以使用 ng 命令创建新的工作区、新项目、在开发过程中启动开发服务器，或生成要共享或分发的构建成果。
在本地运行你的应用
- 在左边的菜单中点击
Project后面的 Download Project 图标，以下载你的 StackBlitz 项目源代码的 zip 包。
cd angular-ynqttp使用以下 CLI 命令在本地运行你的应用：
ng serve要在浏览器中查看你的应用，请访问
http://localhost:4200/。如果默认端口 4200 不可用，则可以使用端口标志指定另一个端口，如下所示： ng serve --port 4201
当启动了应用的开发服务器时，你可以编辑代码并在浏览器中查看对此更改的自动更新。要停止此 ng serve 命令，请按 Ctrl + c 键。
构建和托管你的应用
- 要构建用于生产的应用，请使用
build命令。默认情况下，此命令使用 production构建配置。
ng build
此命令会创建一个 dist 文件夹，其中包含把你的应用部署到托管服务时所需的全部文件。
如果上述 ng build 命令引发了“缺少软件包”之类的错误，请将缺失的依赖项附加到本地项目的 package.json 文件中，以匹配从 StackBlitz 下载的项目中的依赖项。
把 dist/my-project-name 文件夹的内容复制到 Web 服务器。由于这些文件是静态的，因此你可以将它们托管在任何支持静态文件的 Web 服务器上。（例如 Node.js、Java、.NET 或任何后端（例如Firebase，Google Cloud或 App Engine）)。