如何在我的项目中找到我的角度版本？答案

【问题标题】：how to find my angular version in my project?如何在我的项目中找到我的角度版本？
【发布时间】：2017-11-14 03:03:01
【问题描述】：

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

【问题讨论】：

标签： javascript angular

【解决方案1】：

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

进入node_modules/@angular/core/package.json 并检查version 字段。
如果需要在代码中使用，可以从@angular/core导入：

import { VERSION } from '@angular/core';
检查渲染的 DOM - Angular 将版本添加到主要组件元素：

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

【讨论】：

here 是使用上述方法 2 的示例（以编程方式）

【解决方案2】：

试试这个命令：

ng --version

它打印出 Angular、Angular CLI、Node、Typescript 版本等。

【讨论】：

你可以试试短版：ng -v
ng --version, ng v 工作但ng -v 不工作。
ng -v,ng v 和 ng --version 在我的系统中运行良好。我的版本是 7.1.0
问题是如何找到“项目的”版本。 ng -v 不会指示项目使用的实际版本，仅指示系统上安装了哪些 cli 版本。例如，我的 ng -v 命令显示我安装了 Angular cli 版本 9.1.2，但是在我的情况下，该项目实际上使用的是 Angular 核心版本 5.2.5。找到“项目”版本的更好方法是参考上面 Max Koretskyi 的帖子。了解 cli 版本很有用，但您更有可能需要找到核心 angular lib 版本，尤其是在计算库兼容性时。和升级选项。

【解决方案3】：

对于 Angular 1 或 2（但不适用于 Angular 4+）：

您也可以打开控制台并转到您使用的任何浏览器的开发人员工具上的元素选项卡。

或者

键入 angular.version 以访问包含 Angular 版本的 Javascript 对象。

对于 Angular 4+，有以下几种方式：

在命令提示符/或 VS Code 的终端中编写以下代码。

ng version 或 ng --version（参考附件）

ng v

ng -v

在终端中，您可以找到 angular 版本，如附图所示：

您还可以打开控制台并转到您使用的任何浏览器的开发人员工具上的元素选项卡。如下图所示：

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

声明名为“VERSION”的变量，导入依赖项。

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

// 在控制台中显示版本。

console.log(VERSION.full);

【讨论】：

1、2 和 3 显示：Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
@alete 您使用的是 Angular 6 版本。这就是分辨率。
@alete 或者让我知道你正在执行什么命令以及你得到什么输出。
我会提到这一点，因为它让我大吃一惊：ng 版本在 node_modules 中查找。因此，如果您签出不同的分支，ng version 仍会报告先前的分支版本，直到您运行 yarn 或 npm update。
最后一个检查 html ng-version 标签的选项是最好的选择

【解决方案4】：

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

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

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

console.log(VERSION.full);

【讨论】：

谢谢。这太简单了。这必须标记为答案
最简单的答案。

【解决方案5】：

对于 Angular 2+，您可以在控制台中运行它：

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

对于 AngularJS 1.x：

angular.version.full

【讨论】：

这仅在您已编译的代码可供您使用时才有效。

【解决方案6】：

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

【讨论】：

【解决方案7】：

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

如果您真的想知道项目版本，请转到您的项目，使用以下命令

npm list -local

另一种方法，检查package.json 以了解角度版本

【讨论】：

【解决方案8】：

浏览器 > 检查 > 元素 >

<.app-root _nghost-hey-c0="">ng-version="8.2.11">
在终端中

:> ng 版本
:> ng --version
:> ng -v

【讨论】：

只有在编译后的代码对您可用的情况下，方法 1 才可用。方法 2 只给出你全局安装的 Angular CLI 的版本，而不是编写项目的 Angular 版本。

【解决方案9】：

如果您尝试在浏览器中检查角度版本，对我来说只有这有效 Ctrl+Shift+i 并粘贴下面的命令控制台：

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

例如：

【讨论】：

【解决方案10】：

检查您使用的 Angular 版本的最佳方法是启动浏览器，右键单击 /inspect 并查看元素选项卡。我发现这很有帮助。

【讨论】：

【解决方案11】：

app.component

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

name = 'Angular version' + VERSION.major;

app.component.html

<h5>{{name}}</h5>

【讨论】：

【解决方案12】：

您可以将 ng --version 用于 Angular 版本 7

【讨论】：