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

Question

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

Answer 1

有几种方法可以做到：

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">

Answer 2

尝试此命令：

ng --version

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

Answer 3

  

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

您还可以打开控制台并转到所用浏览器的开发人员工具上的element选项卡。

或

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

  

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

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

  

  
1. ng版本或ng --version（请参阅附件以获取参考。）
  
2. ng v
  
3. ng -v
  

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

  

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

  

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

Answer 4

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

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

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

console.log(VERSION.full); 

Answer 5

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

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

例如：

Answer 6

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

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

对于AngularJS 1.x：

angular.version.full

Answer 7

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

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

npm list -local

Answer 8

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

Answer 9

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

Answer 10

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

Answer 11

1. 浏览器>检查>元素>

   <。app-root _nghost-hey-c0 =“” ng-version =“ 8.2.11” >
   
   

2. 在终端

   ：> ng版本
   ：> ng --version
   ：> ng -v
   

Answer 12

应用程序组件

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

name = 'Angular version' + VERSION.major;

app.component.html

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