如何找到我的有棱角的版本在我的项目？

我已经在我的本地机器上设置了角度代码。我需要知道我在项目中使用的角度的版本。如何在 cmd 提示符中轻松找到它？

151506 次浏览
小开

试试这个命令:

ng --version

It prints out Angular, Angular CLI, Node, Typescript versions etc.

小开

定义 VERSION 变量并将版本导入其中。

import { VERSION } from '@angular/core';

现在，您可以在代码中使用 VERSION 变量来打印版本 比如说,

console.log(VERSION.full);
小开

有几种方法可以做到这一点:

  1. 进入 node_modules/@angular/core/package.json并检查 version字段。

  2. 如果需要在代码中使用它，可以从 @angular/core导入它:

    import { VERSION } from '@angular/core';

  3. 检查渲染的 DOM-Angular 将版本添加到主组件元素:

    <my-app ng-version="4.1.3">

小开

对于角度1或2(但不适用于角度4 +) :

您还可以打开 控制台，进入您使用的任何浏览器的开发人员工具的元素选项卡。

或者

键入 angular.version 以访问保存 angularversion 的 Javascript 对象。

有关角4 + 的方法如下:

在命令提示符下面编写代码，或者在 VS Code 的终端中编写代码。

  1. Ng version 或 ng —— version (请参阅附件中的参考文献。)
  2. 翻译
  3. Nv

In the terminal you can find the angular version as shown in the attached image : enter image description here

  1. 您还可以打开 console，进入您使用的任何浏览器的开发人员工具的元素选项卡。如下图所示:

enter image description here

5. 查找 package.json 文件，您将找到所有安装的包及其版本。

  1. 声明变量名为‘ VERION’，导入依赖项。
import { VERSION } from '@angular/core';

// To display the version in the console.

console.log(VERSION.full);
小开

你可以使用 版本的角度版本7

小开

对于 Angular 2 + ，你可以在控制台上运行:

document.querySelector('[ng-version]').getAttribute('ng-version')

For AngularJS 1.x:

angular.version.full
小开

  1. Browser > Inspect > Element >

    < . app-root _ nGhost-hey-c0 = “”N- 版本 = “8.2.11” >

  2. 在终点站

    翻译: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿校对: 黄飞鸿
    :> ng --version
    : > ng-v

小开

如果你尝试在浏览器中检查角度版本，对我来说只有这个工作 Ctrl + Shift + i和粘贴下面的命令在控制台:

document.querySelector('[ng-version]').getAttribute('ng-version')

例如:

enter image description here enter image description here

小开

ng --version命令将只显示计算机中的 安装角式版本，而不显示实际的 项目版本。

如果你真的想知道 项目版本，转到你的项目，使用下面的命令

npm list -local

enter image description here

另一种方法，检查 package.json知道角度版本

enter image description here

小开

您还可以在 package.json 文件中找到依赖项版本详细信息，如下所示:

enter image description here

小开

应用程序组件

import { Component, VERSION, } from '@angular/core';


name = 'Angular version' + VERSION.major;

App.Component. html

<h5>\{\{name}}</h5>
小开

检查你使用的角度的最好方法是启动你的浏览器，右键单击/检查并查看元素选项卡。我觉得这很有帮助。


提交答案