首页
学习
活动
专区
工具
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

如何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

安装 Angular CLI 后,您需要运行一个命令来生成一个项目,并运行另一个命令来使用本地开发服务器运行应用程序。...与当今大多数现代前端工具一样,Angular CLI 构建在 Node.js 之上。 Node.js 是一种服务器技术,允许您在服务器运行 JavaScript 并构建服务器端 Web 应用程序。...但是,Angular 是一种前端技术,因此即使您需要在开发计算机上安装 Node.js,它也仅用于运行 CLI。... Windows 上安装 Angular CLI 首先,您需要在开发计算机上安装 Node 和 npm。...:TypeScript 配置文件 tslint.json:TSlint(静态分析工具)配置文件 为您项目服务 Angular CLI 提供了一个完整工具链,用于本地计算机上开发前端应用程序

10800

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实战之使用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.9K20

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

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

99720

教程| 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

【ASP.NET Core 基础知识】--前端开发--集成前端框架

企业级后台管理系统: 对于需要复杂数据处理和大量表单操作后台管理系统,Angular表单控件和数据绑定功能非常实用。组件化开发风格也有助于构建可维护后台系统。...跨平台应用程序Angular通过Ionic等框架支持构建移动应用,同时也能够通过Electron等支持构建桌面应用。这种一次编写,多端运行能力使得Angular跨平台开发中具有优势。...Angular 集成 创建 Angular 应用: 命令行中使用 Angular CLI 创建一个 Angular 应用程序。...通过综合使用这些技巧,可以有效地提升前端应用性能,提高网站加载速度和用户体验。 5.2 后端性能优化 后端性能优化是确保服务器应用程序能够高负载下保持良好响应速度和稳定性关键。...通过综合使用这些技巧,可以有效地提升后端应用程序性能,确保系统能够高负载下保持良好响应速度和稳定性。

5400

“别更新了,学不动了” 之:全栈开发者 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

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

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 vs React 最全面深入对比

OK,开始… … 成熟度 作为一名成熟开发人员或者是能够决定架构及技术走向的人员,一项必备技能就是能够工作和项目中平衡成熟技术与最前沿框架之间关系,既能保持人员及技术前进,又能保证项目或产品交付质量...Angular Angular CLI 现代框架流行趋势是使用CLI工具,可以帮助您引导项目,而无需自行配置构建。AngularAngular CLI。它允许您仅使用几个命令来生成和运行项目。...负责构建应用程序所有脚本,启动开发服务器运行测试都会在node_modules中隐藏。您也可以开发过程中使用它来生成新代码。这使得新项目的设置变得轻而易举。...Next.js Next.js 是React应用程序服务器端呈现框架。它提供了一种服务器上完全或部分呈现应用程序灵活方式,将结果返回给客户端并在浏览器中继续。...项目发开过程中,你还可以借助一些支持Angular和React开发工具来提高开发效率,如Wijmo,这是一款为企业应用程序开发而推出一系列包含 HTML5 和 JavaScript 开发控件集。

3.8K70

Angular、React 和 Vue 三大框架,Web 开发该如何选择?

Angular Angular 差不多是一个完整开发环境。它包含一整套程序,包括 TypeScript 编译器、AOT 编译器和 Web 服务器。...Angular Web 服务器用于调试使用这个框架开发站点。...它是用同一个 Angular CLI 实用程序启动,要启动 Angular CLI,你需要在 Windows 命令行中进入项目文件夹,并执行 ng serve 命令。...图片来源:https://www.madewithangular.com/ Angular 借鉴了服务器开发一些最佳特性,并用它们来扩展浏览器中 HTML 标记。...易于维护:Angular 应用程序很容易调试,Bug 很容易修复,这意味着长期运行 Angular 应用也很容易维护。 测试工具:Angular 有良好 go mod 和端到端测试支持。

1.7K30

如何选择正确Node框架:Next, Nuxt, Nest?

这三个框架都是服务器端渲染,它们分别与React、Vue和Angular(三个目前最流行前端框架)密切相关 我们比较将基于一下几点: GitHub Stars和npm下载 安装 基本Hello...自动代码拆分,加快页面加载速度 不加载不必要代码 简单客户端路由(基于页面) 基于Webpack开发环境,支持模块热更新(HMR) 获取数据非常简单 支持任何Node HTTP服务器实现,如Express...支持Babel和Webpack自定义 能够部署在任何能运行node平台 内置页面搜索引擎优化(SEO)处理 缺点 Next不是后端服务,应该与后台操作独立开 如果你只想创建一个简单WEB应用... 它会让你进行一些选择:集成服务器端框架如:Express、Koa、Hapi、Feathers、Micro、Adonis (WIP);选择您喜欢UI框架:Bootstrap、Vuetify...社区活跃 贡献者数量:191 Pull Requests:1,385 Nest Nest是一个渐进式Node框架,深受Angular启发。用于构建高效,可扩展Node.服务器应用程序框架。

5.1K20
领券