Angular CLI-ng版本命令

Angular CLI 是 Angular 提供的一个命令行界面，用于帮助开发人员创建、构建、测试和部署 Angular 应用程序。在本文中，我们将了解 Angular CLI 的 ng 版本命令，并学习如何使用它来管理Angular版本。

什么是ng版本命令？

ng version 命令用于查看 Angular CLI 和 Angular 应用程序的版本信息。它还提供了有关操作系统、Node.js 和 npm 的有用信息。这对于与其他开发人员共享代码并进行故障排除非常有用。

如何在命令行中使用ng版本命令？

要在命令行中使用 ng version 命令，请遵循以下步骤：

1. 打开命令行终端（例如，Windows 上的 cmd 或 PowerShell、Linux / macOS 上的终端）。
2. 切换到您的 Angular 应用程序的根目录。
3. 键入 ng version。
4. 您将得到关于 Angular CLI 和 Angular 应用程序版本的详细信息。

以下是在命令行中使用 ng version 命令的代码片段：

$ cd my-app
$ ng version

Angular CLI: 12.2.1
Node: 14.16.0
Package Manager: npm 6.14.11
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1202.1
@angular-devkit/core         12.2.1
@angular-devkit/schematics   12.2.1
@schematics/angular          12.2.1
@schematics/update           0.1202.1
rxjs                         6.6.7

如何在Angular应用程序中使用ng版本命令？

要在 Angular 应用程序中使用 ng version 命令，请遵循以下步骤：

1. 打开应用程序代码。
2. 在应用程序的根目录（通常是 src/app）中，创建一个名为 version.ts 的文件。
3. 在 version.ts 文件中，添加以下代码：

export const version = {
  app: '0.0.1',
  angular: '12.2.1'
};

4. 在 app.component.ts 文件中添加以下代码，并在 app.component.html 文件中显示版本信息：

import { Component } from '@angular/core';
import { version } from './version';

@Component({
  selector: 'app-root',
  template: `
    <h1>My Angular App</h1>
    <p>App Version: {{ appVersion }}</p>
    <p>Angular Version: {{ angularVersion }}</p>
  `,
})
export class AppComponent {
  appVersion = version.app;
  angularVersion = version.angular;
}

以下是在 Angular 应用程序中使用 ng version 命令的代码片段：

/* version.ts */
export const version = {
  app: '0.0.1',
  angular: '12.2.1'
};

/* app.component.ts */
import { Component } from '@angular/core';
import { version } from './version';

@Component({
  selector: 'app-root',
  template: `
    <h1>My Angular App</h1>
    <p>App Version: {{ appVersion }}</p>
    <p>Angular Version: {{ angularVersion }}</p>
  `,
})
export class AppComponent {
  appVersion = version.app;
  angularVersion = version.angular;
}

总结

在本文中，我们学习了 Angular CLI 的 ng version 命令，它可以帮助我们查看 Angular CLI 和 Angular 应用程序的版本信息。我们还讨论了如何在命令行中和 Angular 应用程序中使用这个命令。现在您应该已经准备好使用 ng version 命令来管理您的 Angular版本。