您的位置:58脚本 > angular 部署 Angular 部署应用

angular 部署 Angular 部署应用

2023-04-13 10:32 Angular13

angular 部署 Angular 部署应用

angular 部署 Angular 部署应用

angular 部署

部署应用

部署应用是指编译或构建代码并将生成的 JavaScript、CSS 和 HTML 托管到 Web 服务器上的过程。

本节基于“入门”教程中的前序步骤,并向你展示如何部署应用。

先决条件

这里的最佳实践是在部署项目之前先在本地运行项目。要在本地运行项目,你需要在计算机上安装以下软件:

  • Node.js
  • Angular CLI。在终端上,使用以下命令全局安装 Angular CLI:
  • npm install -g @angular/cli

    借助 Angular CLI,你可以使用 ​ng ​命令创建新的工作区、新项目、在开发过程中启动开发服务器,或生成要共享或分发的构建成果。

在本地运行你的应用

  1. 在左边的菜单中点击 ​Project ​后面的 ​Download Project​ 图标,以下载你的 StackBlitz 项目源代码的 zip 包。

  2. 解包,并进入新创建的这个项目目录中。比如:
  3. cd angular-ynqttp
  4. 使用以下 CLI 命令在本地运行你的应用:
  5. ng serve
  6. 要在浏览器中查看你的应用,请访问 ​http://localhost:4200/​。如果默认端口 4200 不可用,则可以使用端口标志指定另一个端口,如下所示:
  7. ng serve --port 4201

    当启动了应用的开发服务器时,你可以编辑代码并在浏览器中查看对此更改的自动更新。要停止此 ​ng serve​ 命令,请按 ​Ctrl + c​ 键。

构建和托管你的应用

  1. 要构建用于生产的应用,请使用 ​build ​命令。默认情况下,此命令使用 ​production ​构建配置。
  2. ng build

    此命令会创建一个 ​dist ​文件夹,其中包含把你的应用部署到托管服务时所需的全部文件。

    如果上述 ​ng build​ 命令引发了“缺少软件包”之类的错误,请将缺失的依赖项附加到本地项目的 ​package.json​ 文件中,以匹配从 StackBlitz 下载的项目中的依赖项。

  3. 把 ​dist/my-project-name​ 文件夹的内容复制到 Web 服务器。由于这些文件是静态的,因此你可以将它们托管在任何支持静态文件的 Web 服务器上。(例如 Node.js、Java、.NET 或任何后端(例如Firebase,Google Cloud 或 App Engine))。


阅读全文
以上是58脚本为你收集整理的angular 部署 Angular 部署应用全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58脚本 58jiaoben.com 版权所有 联系我们
桂ICP备12005667号-28 Powered by CMS