首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

保持angular cli开发应用程序在服务器的后台运行?

要保持Angular CLI开发的应用程序在服务器的后台运行,可以使用以下方法:

  1. 使用进程管理工具:可以使用像PM2(https://pm2.keymetrics.io/)这样的进程管理工具来在服务器上运行Angular应用程序。PM2可以帮助您管理应用程序的生命周期,包括启动、停止、重启和监控等。您可以使用以下命令在服务器上安装和运行Angular应用程序:
  2. 使用进程管理工具:可以使用像PM2(https://pm2.keymetrics.io/)这样的进程管理工具来在服务器上运行Angular应用程序。PM2可以帮助您管理应用程序的生命周期,包括启动、停止、重启和监控等。您可以使用以下命令在服务器上安装和运行Angular应用程序:
  3. 这将使用PM2启动Angular开发服务器,并将应用程序运行在4200端口上。
  4. 使用后台进程:您可以使用操作系统提供的后台进程功能来运行Angular应用程序。在Linux系统中,可以使用nohup命令将应用程序放入后台运行,并将输出重定向到日志文件中。例如:
  5. 使用后台进程:您可以使用操作系统提供的后台进程功能来运行Angular应用程序。在Linux系统中,可以使用nohup命令将应用程序放入后台运行,并将输出重定向到日志文件中。例如:
  6. 这将在后台运行Angular开发服务器,并将输出保存在app.log文件中。
  7. 使用容器化技术:使用容器化技术,如Docker,可以将Angular应用程序打包成一个容器镜像,并在服务器上运行。您可以使用Dockerfile定义容器镜像的构建过程,并使用Docker命令将容器运行起来。例如:
  8. 使用容器化技术:使用容器化技术,如Docker,可以将Angular应用程序打包成一个容器镜像,并在服务器上运行。您可以使用Dockerfile定义容器镜像的构建过程,并使用Docker命令将容器运行起来。例如:
  9. 这将构建一个包含Angular应用程序的镜像,并在容器中运行该应用程序。

无论您选择哪种方法,都可以确保Angular CLI开发的应用程序在服务器的后台持续运行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何使用Angular CLI和PM2运行Angular应用程序

Angular CLIAngular框架命令行界面,用于开发过程中本地创建,构建和运行应用程序。 它旨在在开发服务器上构建和测试Angular项目。...但是,如果要在生产中永久运行/保持应用程序处于活动状态,则需要Node.js流程管理器,例如PM2 。 PM2是Node.js应用程序流行,高级且功能丰富生产流程管理器,具有内置负载均衡器。...本文中,我们将向您展示如何使用Angular CLI和PM2 Node.js流程管理器运行Angular应用程序。 这允许您在开发期间连续运行应用程序。...$ cd sysmon-app $ sudo ng serve 使用Angular CLI提供Angular App 从ng serve命令输出中,您可以看到Angular应用程序未在后台运行,您无法再访问命令提示符...终止正在运行Angular App 第4步:使用PM2永远运行Angular项目 要使新应用程序后台运行,请释放命令提示符,使用PM2为其提供服务,如图所示。

2.9K40

如何使用Angular CLI和PM2运行Angular应用程序

Angular CLIAngular框架命令行界面,用于开发过程中本地创建,构建和运行应用程序。 它旨在在开发服务器上构建和测试Angular项目。...此外,它还支持轻松管理应用程序日志等等。 本文中,我们将向您展示如何使用Angular CLI和PM2 Node.js流程管理器运行Angular应用程序。...CLI创建Angular项目 现在进入服务器webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app,将其替换为应用程序名称)...从ng serve命令输出中,您可以看到Angular应用程序未在后台运行,您无法再访问命令提示符。 因此,在运行时不能执行任何其他命令。...第4步:使用PM2永远运行Angular项目 要使新应用程序后台运行,请释放命令提示符,使用PM2为其提供服务,如图所示。

2.2K30

Angular 6正式版发布,都有哪些新功能

Angular 5发布半年之后,Angular 6昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链 Angular运行速度问题。...ng update ng update 是一种新 CLI 命令,它可分析你package.json,并基于对 Angular 了解向你应用程序推荐更新。...Angular Material 初始组件 一旦运行ng add @angular/material并添加材料到现有的应用程序中,就能够生成 3 个新初始组件。...CLI v6 现已支持多项目工作区,如多个应用程序或库,CLI 项目用 angular.json 取代 angular-cli.json 构建和配置项目。...RxJS v6 Angular 6 也将支持RxJS v6,RxJS v6 于上个月发布。RxJS v6 带来了一个向后兼容软件包 rxjs-compat,它可以让你应用程序保持运行

4.2K20

关于 Angular 应用里重复调用 RouterModule.forRoot(ROUTES) 讨论

仅在根应用程序模块 AppModule 中调用 forRoot, 在任何其他模块中调用它,尤其是延迟加载模块中,是违背 Angular 路由模块设计本意,并且可能会产生运行时错误。...这对于不必应用程序启动时加载子模块和延迟加载模块非常有用,相当于 Angular 开发人员被告知重用 RouterService 而不是注册新服务,后者可能会导致运行时错误。...开发人员通过 Angular CLI 创建应用程序中,forRoot 方法实际上已经 app-routing.module.ts 中使用。...整个 Angular 应用程序中,只能使用一次 forRoot 方法,这是因为此方法告诉 Angular后台实例化 Router 类实例,并且应用程序中只能有一个路由器。...forChild 静态方法很有用,因为它通过允许我们应用程序保持关注点分离来发挥 Angular 模块功能核心部分。

1.1K20

干货 | 一文搞懂AlmaLinux上安装Angular JavaScript框架

借助Angular,您公司可以快速构建和部署Web应用程序和移动应用程序。如果您公司认真考虑竞争日益激烈世界中保持竞争力,那么您将需要考虑将Web应用程序和/或移动应用程序作为战略一部分。...因此,您应该考虑将Angular JavaScript框架添加为开发工具包一部分。 开发人员可以将工作隔离到工作站,也可以让他们登录到数据中心中特定服务器(以保持集中状态)。...安装此工具后,您开发人员可以登录到服务器并开始为您企业创建令人难以置信Web和移动应用程序。...你需要什么 AlmaLinux运行实例 具有sudo特权用户 如何在AlmaLinux上安装Angular 登录到您AlmaLinux服务器,并首先使用以下命令安装git: sudo dnf install...图B 我们世界你好!Angular已成功为该应用程序提供服务。 恭喜,您现在已为开发人员准备了Angular流行框架帮助下,让他们登录到服务器并开始开发公司理想Web或移动应用程序

98820

Angular实战之使用NG-ZORRO创建一个企业级中后台框架(进阶篇)

这一章主要介绍是如何在创建好后台管理页面框架快速生成NG-ZORRO相关组件,并且介绍Angular相关目录结构、生命周期函数,路由配置和使用相关知识点,以及如何使用Angular CLI使用一行代码快速添加...让你快熟构建一个属于自己NG-ZORRO后台管理框架,注意我们前端代码编写全部都是VS Code上面编写。 Angular项目目录介绍(重要): ?...使用Angular CLI快速添加功能到现有的Angular应用程序Angular CLI介绍: Angular CLI 是一个命令行接口(Command Line Interface),用于实现自动化开发工作流程...它允许你做以下这些事情: 创建一个新 Angular 应用程序 运行带有 LiveReload 支持开发服务器,以便在开发过程中预览应用程序 添加功能到现有的 Angular 应用程序 运行应用程序单元测试...运行应用程序端到端 (E2E) 测试 构建应用程序 使用命令添加功能到现有的 Angular 应用程序: 可以使用 ng generate 命令,为已有的 Angular 应用程序添加新功能: ng

3.8K20

教程| Angular 4 中加载功能模块(上)

请注意,本教程适用于熟悉使用 Angular 进行基本 Web 应用程序开发开发人员。 Angular功能模块 单页 Web 应用程序启动时仅呈现一个 HTML 页面。...预加载:预加载场景中,主应用程序启动所有标为贪婪加载模块,然后几乎立即在后台加载 。当用户导航到这些辅助模块中某个模块时,就会加载该模块并准备就绪。...前提条件 要掌握本教程,需要在开发机器上安装两个工具: Node Angular CLI 输入命令 ng -v,以便找到您当前使用 Angular CLI 和 Node 版本。...运行命令 ng serve。 您会看到应用程序默认端口 4200 中成功运行,以及一条与此消息类似的消息: 图 1....应用程序运行在端口 4200 ng 是一条 Angular CLI 命令,您将使用它构建和处理应用程序代码。打开 Chrome 浏览器并输入 URL http://localhost:4200。

2.2K10

关于 Angular 应用 Bootstrap 过程

Angular应用程序中,客户端bootstrap过程是指启动应用程序一系列步骤,以加载和初始化应用程序所需所有资源,并将应用程序渲染到浏览器上。...Angular CLI ng serve 命令是用来启动一个本地开发服务器,该服务器会监听项目文件变化并重新编译应用程序,并在浏览器中实时显示更新后结果。...当开发服务器启动后,Angular CLI 会监听项目文件变化,例如修改了源代码或模板文件。如果有任何变化,Angular CLI 会重新编译应用程序,并将更新后文件发送到浏览器进行实时显示。...浏览器中打开应用程序时,Angular CLI 会提供一个本地 HTTP 服务器,该服务器会加载项目的静态资源文件,并在浏览器中实时渲染应用程序。...总之,ng serve 命令使用了 Angular CLI 和 Webpack 工具来编译、打包和运行应用程序,并提供一个本地开发服务器来实时更新应用程序

1.3K30

Angular Service Worker

Angular 开发人员可以利用这个 service worker 并从其提供更高可靠性和性能中受益,而无需针对低级 API 编写代码。...这个实现就是 SAP 电商云 Spartacus UI package.json 中提到依赖 @angular/pwa: Angular Service Worker 旨在优化最终用户缓慢或不可靠网络连接上使用应用程序体验...正在运行应用程序继续使用所有文件相同版本运行。 它不会突然开始从可能不兼容较新版本接收缓存文件。 当用户刷新应用程序时,他们会看到最新完全缓存版本。 新选项卡加载最新缓存代码。...更新发生在后台发布更改后相对较快。 安装并准备好更新之前,会提供应用程序先前版本。 Service Worker 会尽可能节省带宽。 仅当资源发生更改时才会下载资源。...当部署应用程序更新时,清单内容会发生变化,通知 Service Worker 应该下载并缓存应用程序新版本。 此清单是从名为 ngsw-config.json CLI 生成配置文件生成

82620

“别更新了,学不动了” 之:全栈开发者 2019 应该学些什么?

但是,有一件事是肯定:2019 年对全栈开发需求量很大。本文中,我将向你概述一些趋势,你可以尝试根据这些趋势来确定你可能要投入时间。 简单地说,全栈开发者就是可以构建完整应用程序的人。...他们了解前端和后端技术、工具和服务,并结合所有这些技能开发出可以在生产环境中运行东西。 这是美国全栈开发 2019 年工资走势: ? 人生苦短,所以尽量少做无用功。...如果你希望保持最新状态并成为全栈开发者,以下是你需要了解并考虑列入学习计划 2019 年技术趋势。...我意思是,我们仍然可以这么做,但 CLI 确实让这种体验变得更好了。 Angular CLI; Create React App 2; Vue CLI。...:预构建标记(静态页面),通过利用服务器 API 客户端成为动态单页面应用程序

2.5K30

Angular 11正式发布:加入webpack 5,升级至TS 4.0,不再支持IE 9 和10

在编译时,Angular CLI 将下载和内联在应用程序中使用和链接字体。我们会在使用版本 11 构建应用中默认启用此功能。要利用这一优化,你需要做就是更新自己应用!...版本 11 中我们更新了 CLI,允许开发人员使用 ng serve 启动应用程序时启用 HMR。...关于 HMR for webpack 信息,请参见: https://webpack.js.org/guides/hot-module-replacement 现在,开发过程中,对组件、模板和样式最新更改将立即更新到正在运行应用程序中...输入表单数据以及滚动位置都会保持原样,从而提高了开发人员工作效率。 更快构建 通过对一些关键领域所做更新,我们带来了更快开发和构建周期。...如何获取版本 11 更新 当你准备好时,请运行以下命令来更新 AngularCLI: ng update @angular/cli @angular/core 可以前往 update.angular.io

3.3K30

Angular v16 来了!

服务器端渲染和水合作用增强 根据我们年度开发人员调查,服务器端渲染是 Angular 改进首要机会。...要尝试独立原理图开发人员预览,请确保您使用Angular CLI v16 并运行: ng new --standalone 您将获得一个更简单项目输出,没有任何NgModules. ...我们要强调Angular CLI 完全依赖 Vite 作为开发服务器。为了支持选择器匹配,Angular 编译器需要维护组件之间依赖图,这需要与 Vite 不同编译模型。...由于 Angular 编译器构建时执行检查,因此更改在运行时增加了零开销。多年来,开发人员一直 要求 此功能 ,我们得到了一个强烈迹象,表明这将非常方便!...让我们一起保持势头! 版本 16 是明年 Angular 反应性和服务器端渲染未来改进垫脚石。我们将通过开发人员体验和性能方面进行创新来推动 Web 向前发展,同时让您能够为每个人构建!

2.5K20

Ubuntu 18.04上安装Angular图文详解

在这篇文章中,我将向您展示如何在Ubuntu 18.04上安装AngularAngular是一个用于制作令人敬畏网站前端Web开发框架。...Typescript转换为普通Javascript,因此您应用程序可以在任何浏览器中运行。...安装过程将开始下拉所需Angular模块,并为我们应用程序创建目录结构 运行我们申请 首先更改为我们应用程序新创建目录。...npm start 这将构建我们应用程序并启动开发http服务器并为我们应用程序服务。 您将在输出中看到一个链接,告诉您如何查看您应用程序。...您将看到您应用程序。如下图所示: 这只创建了一个非常基本Angular应用程序框架。 本系列下几篇文章中,我们将了解它所创造内容。

2.8K00

Angular 6新特性介绍

ng update ng update 是新增一个cli命令。通过ng update不仅可以保持正确版本依赖,而且能保持依赖关系同步。第三方可以使用原理图提供更新脚本。...如果您某个依赖项提供了一个ng update原理图,那么他们可以需要进行重大更改时自动更新代码! ng add ng add 也是新增一个cli命令。...如果要了解更多有关Material信息,请点击这里 CLI工作空间 CLI6.0版本现在支持包含多个项目的工作空间,如多个应用程序或库。...RxJS作为一个独立工程已经几周前完成了V6发布 长期支持 (LTS) 我们正在将我们长期支持扩展到所有主要版本。...更新@ angular / cli 更新你Angular框架包 更新其他依赖项 Ivy Ivy将会是下一代渲染引擎,现在正在开发中。让我们拭目以待吧。 原文链接

2.3K21

angular-devkit 中 build-angular作用

@angular-devkit/build-angularAngular CLI 一个开发包,主要用于构建和打包 Angular 应用程序。...部署应用程序:将打包好应用程序部署到 Web 服务器或云平台上,以供用户访问。...运行测试用例:使用 ng test 命令,可以运行应用程序测试用例,并生成测试报告。 生成代码文档:使用 ng doc 命令,可以生成应用程序代码文档,以供开发者参考。...运行开发服务器:使用 ng serve 命令,可以启动一个开发服务器,并在浏览器中预览应用程序效果。...此外,它还可以与其他开发包和插件配合使用,以实现更多功能和定制化需求。 总结 @angular-devkit/build-angularAngular 应用程序构建和打包核心开发包。

80320

Nest系列教程之入门篇

Nest 用于构建高效且可扩展服务器应用程序渐进式 Node.js 框架,深受 Angular 启发。 Talk is cheap....Nest 设计哲学 近几年,由于 Node.js,JavaScript 已经成为 Web 前端和后端应用程序「通用语言」,从而产生了像Angular、React、Vue 等令人耳目一新项目,这些项目提高了开发人员生产力...然而,服务器端,虽然有很多优秀库、helper 和 Node 工具,但是它们都没有有效地解决主要问题 - 架构。...Nest 快速入门 环境搭建 与使用 Angular CLI 搭建 Angular 开发环境一样,Nest 也为我们提供了 Nest CLI。...启动应用 项目依赖安装完成后,可以运行以下命令启动应用: $ npm run start 以上命令成功运行后,我们打开浏览器并访问 http://localhost:3000/,这时你将在浏览器看到

1.5K20

关于 Angular 和 Node.js 版本问题

Angular 应用开发中需要使用 Node.js 有以下几个方面的原因: 安装和管理依赖: Angular 应用开发中,我们需要使用许多第三方模块和库。...构建和打包应用程序 Angular 应用开发中,我们需要将 TypeScript 代码编译成 JavaScript 并将其打包成一个或多个 JavaScript 文件。...Node.js 提供了一个命令行工具,即 Angular CLI,可以帮助我们创建、构建和打包应用程序。...Node.js 是一种流行后端开发技术,可以方便地创建和运行后端服务,与 Angular 应用程序进行交互。...综上所述,Node.js Angular 应用开发中具有重要作用,可以提高开发效率、简化开发流程和优化应用程序性能。

1.8K40

Angular5.0.0新特性

第二,从你应用程序运行时删除装饰符代码(decorators),装饰(decorators)是由编译器使用,而在运行时并不需要可以被删除。...2.服务端状态转换和DOM支持   有了这个支持,可以让应用程序服务器端和客户端版之间共享状态更容易。...Angular Universal是一个帮助开发者实现SSR开源项目,通过服务端渲染 Angular应用程序,然后客户端引导启动程序并生成HTML,由此更好支持那些对javascript不太友好化境来提高应用程序性能...5.0版本中,Angular开发团队添加了ServerTransferStateModule(与之对应BrowserTransferStateModule),这个模块允许你服务端生成模块信息并传输到客户端...9.CLI v1.5   Angular CLI v1.5版本中已经添加了对5.0版本支持,后期将会把v5.0.0作为CLI默认版本。

1.7K10

Angular 工具篇之文档管理

Angular 工具篇之npx及angular-cli-ghpages Angular 工具篇之分析包大小 本文我们将介绍 Compodoc 这款工具,它用于为 Angular 应用程序生成静态文档...Compodoc 能够帮助 Angular开发人员为他们应用程序生成清晰且有用文档,这使得参与应用程序开发其它成员也可以轻松了解当前应用程序或库特性。...对 Angular CLI 友好,支持 Angular CLI 创建项目。 离线化,无需服务器,不依赖线上资源,完全脱机生成文档。...] —— 文档标题 -s, –serve —— 启动本地文档服务器(默认地址为 http://localhost:8080/) -r, –port [port] —— 指定本地文档服务器端口 -w,...总结 本文简单介绍了如何利用 Compodoc 这款工具,为 Angular 应用程序生成静态文档,Compodoc 基本上能够满足我们需求。

1.6K10

什么是 Angular 应用 browser Application bundles 和 server Application bundle

客户端应用程序 Web 浏览器中运行 Angular 应用程序,而服务器应用程序服务器运行 Node.js 应用程序。...Browser Application Bundles 浏览器应用程序包是客户端应用程序一部分,它包含了 Angular 应用程序浏览器中运行所需所有代码和资产。...Server Application Bundle 服务器应用程序包是服务器应用程序一部分,它包含了 Angular 应用程序服务器运行所需所有代码和资产。...服务器应用程序包可以通过 Angular CLI 或其他打包工具(如 webpack 或 Rollup)生成。...需要注意是,服务器应用程序包通常不包含 Angular 应用程序所有客户端资产,如组件、指令、管道、服务等等。这些资产通常会被打包到浏览器应用程序包中,因为它们只需要在浏览器中运行

62610
领券