내 프로젝트에서 내 각도 버전을 찾는 방법은 무엇입니까?


92

내 로컬 컴퓨터에 각도 코드를 설정했습니다. 프로젝트에서 사용하고있는 앵귤러 버전을 알아야합니다. cmd 프롬프트에서 어떻게 쉽게 찾을 수 있습니까?


13
이것이 왜 투표되었는지 확실하지 않습니다. 이것은 매우 합리적인 질문입니다.
DeborahK

@Vignesh. 이 질문을 해주셔서 감사합니다.
Tanzeel

답변:


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 --version, ng v작동하지만 작동 ng -v하지 않습니다.
Vaibhav

ng -v, ng v 및 ng --version이 내 시스템에서 잘 작동합니다. 내 버전은 7.1.0
Rao

문제는 "프로젝트"버전을 찾는 방법이었습니다. ng -v는 프로젝트에서 사용중인 실제 버전을 나타내지 않으며 시스템에 설치된 cli 버전 만 나타냅니다. 예를 들어 ng -v 명령은 angular cli 버전 9.1.2가 설치되어 있음을 보여 주지만, 제 경우에는 프로젝트가 실제로 앵귤러 코어 버전 5.2.5를 사용하고있었습니다. "프로젝트"버전을 찾는 더 좋은 방법은 위의 Max Koretskyi의 게시물을 참조하는 것입니다. cli 버전을 아는 것은 유용하지만 특히 라이브러리 호환성을 파악할 때 핵심 angular lib 버전을 찾아야 할 가능성이 더 큽니다. 및 업그레이드 옵션.
Joshua Sprague

25

Angular 1 또는 2의 경우 (Angular 4+에는 해당되지 않음) :

콘솔 을 열고 사용하는 브라우저의 개발자 도구에있는 요소 탭으로 이동할 수도 있습니다.

또는

각도 버전이있는 Javascript 객체에 액세스하려면 angular.version을 입력합니다.

Angular 4+의 경우 아래와 같은 방법이 있습니다.

명령 프롬프트 / 또는 VS 코드의 터미널에서 아래 코드를 작성하십시오.

  1. ng version 또는 ng --version (참조는 첨부 파일 참조)
  2. ng v
  3. ng -v

터미널에서 첨부 된 이미지와 같이 각도 버전을 찾을 수 있습니다. 여기에 이미지 설명 입력

  1. 콘솔 을 열고 사용하는 브라우저의 개발자 도구에있는 요소 탭으로 이동할 수도 있습니다. 아래 이미지와 같이 :

여기에 이미지 설명 입력

5. package.json 파일을 찾으면 설치된 모든 패키지와 해당 버전을 찾을 수 있습니다.


1, 2, 3 공연 : Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete

@alete Angular 6 버전을 사용하고 있습니다.
Trilok Pathak

@alete 또는 어떤 명령을 실행하고 있는지, 어떤 출력을 받고 있는지 자세히 알려주세요.
Trilok Pathak

1
나를 잡았을 때 이것을 언급 할 것입니다 : ng 버전은 node_modules에서 보입니다. 따라서 다른 브랜치를 체크 아웃하는 경우 ng 버전은 yarn 또는 npm 업데이트를 실행할 때까지 이전 브랜치 버전을 계속보고합니다.
MortimerCat

1
HTML NG 버전 태그 수표 마지막 옵션은 최선의 방법입니다
마헤 Malpani

17

VERSION 변수를 정의하고 버전을 가져옵니다.

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

이제 코드에서 VERSION 변수를 사용하여 버전을 인쇄 할 수 있습니다. 예를 들어,

console.log(VERSION.full); 

1
감사. 이것은 너무나 간단했습니다. 답변으로 표시되어야합니다
Ziggler

가장 간단한 대답입니다.
Amit Joshi

10

Angular 2+의 경우 콘솔에서 실행할 수 있습니다.

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

AngularJS 1.x의 경우 :

angular.version.full

이것은 사용 가능한 코드를 컴파일 한 경우에만 작동합니다.
Cameron Hudson

3
  1. 브라우저> 검사> 요소>

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

  2. 터미널에서

    :> ng 버전
    :> ng --version
    :> ng -v


방법 1은 컴파일 된 코드를 사용할 수있는 경우에만 사용할 수 있습니다. 방법 2는 프로젝트가 작성된 angular 버전이 아니라 전역 적으로 설치 한 angular CLI 버전 만 제공합니다.
Cameron Hudson

3

브라우저에서 각도 버전을 확인하려고하면 나에게만이 기능이 작동하고 Ctrl+ Shift+ i콘솔에서 아래 명령을 붙여 넣습니다.

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

전의:

여기에 이미지 설명 입력 여기에 이미지 설명 입력


0

ng --version명령은 실제 프로젝트 버전 대신 컴퓨터에 설치된 각도 버전 만 표시합니다. .

프로젝트 버전 을 정말로 알고 싶다면 프로젝트 로 이동하여 아래 명령을 사용하십시오.

npm list -local

여기에 이미지 설명 입력



당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.