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


92

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


13
不知道为什么这被否决了。这是一个非常合理的问题。
DeborahK

@Vignesh。感谢您提出这个问题。
Tanzeel

Answers:


56

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

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


这里是使用上述(编程)方法2的示例
Hamzeen Hameem

54

试试这个命令:

ng --version

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


2
您可以尝试使用简短版本:ng -v
Barna Tekse,

1
ng --versionng v正在工作,但ng -v没有工作。
Vaibhav

ng -v,ng v和ng --version在我的系统中工作正常。我的版本是7.1.0
Rao

问题是如何找到“项目”的版本。ng -v不会指示项目正在使用的实际版本,仅指示系统上已安装的cli版本。例如,我的ng -v命令显示我已经安装了角cli版本9.1.2,但是就我而言,该项目实际上使用的是角核心版本5.2.5。查找“项目”版本的更好方法是参考上面的Max Koretskyi的文章。知道cli版本很有用,但是您更有可能需要找到核心的angular lib版本,尤其是在计算库兼容性时。和升级选项。
Joshua Sprague

25

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

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

要么

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

对于Angular 4+,有以下几种方法:

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

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

在终端中,您可以找到如附图所示的角度版本: 在此处输入图片说明

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

在此处输入图片说明

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


1、2和3显示: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete '19

@alete您正在使用Angular 6版本。
Trilok Pathak

@alete或让我知道您正在执行什么命令以及您正在得到什么输出的详细信息。
Trilok Pathak

1
我会提到这一点,因为它吸引了我:ng版本位于node_modules中。因此,如果您签出其他分支,则ng版本仍会报告先前的分支版本,直到您运行yarn或npm更新。
MortimerCat,

1
签入html ng-version标签的最后一个选项是最佳选择
Mahesh Malpani


9

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

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

对于AngularJS 1.x:

angular.version.full

仅当您具有可用的编译代码时,此方法才有效。
卡梅隆·哈德森

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

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

  2. 在终端

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


仅当您可以使用已编译的代码时,方法1才可用。方法2仅提供全局安装的angular CLI的版本,而不提供编写项目所使用的angular的版本。
卡梅伦·哈德森


0

ng --version该命令将仅显示计算机中已安装的角度版本,而不显示实际项目版本

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

npm list -local

在此处输入图片说明



By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.