사용중인 Angular 버전을 어떻게 확인할 수 있습니까?


301

사용중인 Angular 버전을 어떻게 알 수 있습니까?

나는 시도했다 :

angular --version
angular --v
angular -version
angular -v

하지만 얻을 -bash: angular: command not found

나는 내가 yeoman --version사용 하고 있다는 것을 안다.0.9.6

그러나 angularjs 버전은 어떻게 얻습니까?


다른 답변을 받아 주시겠습니까? @lolski의 답변이 훨씬 좋습니다
Kolob Canyon

Leo의 답변 (package.json의 각도 관련 줄 참조) 은 모든 버전의 AngularJS (1) 또는 Angular 2+에서 작동합니다. Tony Dong의 답변 (DOM의 응용 프로그램 태그 검사) 은 모든 버전의 Angular 2 이상에서 잘 작동합니다. Loliski는 1과 2에서만 작동하며 더 큰 버전에서는 작동하지 않습니다. 허용 대답 (TheHippo)는 AngularJS와 만 (1) 작동
Pac0

angular 및 angularjs 태그가 붙은 질문이 의미가 있습니까? 그것들은 완전히 다른 라이브러리입니다. 각각에 대해 하나의 질문을하는 것이 훨씬 더 합리적입니다. 그러면 새 태그가 추가 될 때 허용 된 답변이 부분적으로 무효화되지 않았을 것입니다.
Paul Rooney

답변:


216

편집 : 이 답변을 작성할 때 AngularJS 1.x 만있었습니다. 아래의 답변에서 Angular 버전> = 2를 찾으십시오.

AngularJS에는 명령 줄 도구가 없습니다.

JavaScript 파일 자체에서 버전 번호를 얻을 수 있습니다.

현재의 헤더 angular.js:

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

76
angular.version을 작성하면 angular 버전을 제공합니다.
Nishchit Dhanani 2012

2
@AfshinMoazami는 중요하지 않습니다. 파일 상단의 주석에 있습니다. 라이센스상의 이유로 주석을 삭제해서는 안됩니다.
TheHippo

3
첫째, 축소되면 라이센스를 찾기 위해 큰 파일을 검색하기가 쉽지 않습니다. 둘째, 라이센스 파일 / 설명에 의존하는 것은 아주 작은 버그로 인해 변경 될 수 있기 때문에 실제로 좋은 선택이 아닙니다.
Afshin Moazami

3
이 답변의 위험은 여러 각도 의존성이 잠재적으로 가져 와서 브라우저가 실제로로드하는 버전을 확인하는 경우입니다.
Malkus

7
angular.js 파일의 위치는 무엇입니까?
myroslav

301

Angular 1 또는 2의 경우 (Angular 4+ 제외) :

또한 사용하고 입력 한 브라우저의 개발자 도구에서 콘솔을 열어 angular.version각도 버전을 보유한 Javascript 객체에 액세스 할 수 있습니다.

헤더 주석없이 스크립트를 축소 할 때 매우 유용합니다.


22
angular.version.full은 정식 버전 (예 : "1.2.16")을 문자열로 보유합니다
Guillaume

6
가장 좋은 대답은 축소 버전을 사용하는 경우 허용되는 것은 불가능합니다
.

9
angular.version 및 angular.version.full은 버전 4에서 작동하지 않지만 html 'ng-version'이 표시됩니다.
DFBerry

5
잡히지 않은 ReferenceError : 각도는 <익명> : 1 : 1에 정의되지 않았습니다
Anuj

166

Angular 2+의 경우 개발자 도구 (F12)가있는 최신 브라우저에서 최상위 응용 프로그램 태그를 검사 할 수 있습니다.

Internet Explorer 11 또는 Edge의 경우 여기에서 정보를 찾을 수 있습니다.각도 버전 번호

Angular 2+ Chrome 브라우저에서 작동

여기에 이미지 설명을 입력하십시오

파이어 폭스 파이어 버그

여기에 이미지 설명을 입력하십시오


각도 버전에 대해이 요소 속성을 보지 1.5.7
못함

19
감사합니다, 님은 angular.version제 장소에서 일하고 있지 않습니다
J4N

각도 5에서도 작동합니다. DOM을 표시 할 수있는 모든 브라우저에서 오늘날 모든 최신 데스크톱 브라우저를 의미합니다.
Pac0

111

를 사용하는 angular-cli경우 다음을 입력하여 쉽게 확인할 수 있습니다.

ng -v

또는 ng vAngular 8, 터미널 또는 Bash. 참고 : 프로젝트 디렉토리 내에서 명령을 실행하십시오.

다음과 같은 것을 얻어야합니다.

angular-cli: 1.0.0-beta.24
node: 7.4.0
os: darwin x64
@angular/common: 2.4.3
@angular/compiler: 2.4.3
@angular/core: 2.4.3
@angular/forms: 2.4.3
@angular/http: 2.4.3
@angular/platform-browser: 2.4.3
@angular/platform-browser-dynamic: 2.4.3
@angular/router: 3.4.3
@angular/compiler-cli: 2.4.3

13
아, 나는 이것에 붙어 있었다. 비 프로젝트 폴더에 'ng -v'를 입력하면 AngularCLI 버전 만 제공됩니다. 모든 정보를 제공 할 것이라고 생각했습니다. 그러나 cli에서 만든 프로젝트 폴더를 사용하여 입력하면 해당 폴더에서 사용하는 Angular 버전에 대한 모든 세부 정보가 제공됩니다.
Drenai

3
Angular 7.0.2 대신 angular --version.
mijiturka

NVM을 사용하는데 설치 한 패키지가 보이지 않으면 다른 버전의 노드에 설치했을 수 있습니다. 한 가지 옵션은 이전 버전에서 현재 버전으로 마이그레이션하는 것입니다. 자세한 내용은 github.com/creationix/…를 참조하십시오 .
samurai_jane

2
각도 8 절 겨
브라이언 오그 덴

75

브라우저의 개발자 콘솔 (F12를 눌러 열면)에서 다음을 입력 할 수 있습니다.

angular.version.full

예를 들어 (현재 버전에 따라) 정식 버전을 제공합니다. [실제로는 객체 의 full속성을 얻습니다 angular.version.]

"1.4.3"

입력하면 전체 개체를 볼 수 있습니다.

angular.version

full, major, minor 및 codeName과 같은 버전 정보가 포함 된 정식 버전 개체를 제공합니다. 예 :

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}

이 명령을 사용하면 프레임 워크를 사용하는 한 방문하는 모든 웹 사이트의 Angular 버전을 찾을 수 있습니다.
cezar

39

package.json을 확인할 수도 있습니다 .

"dependencies": {
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
  }

(캐럿 ^은 가장 최신 주 버전 (첫 번째 숫자)으로 업데이트합니다.을 (를) 포함한 ^4.3.0모든 4.x.x릴리스 와 일치 4.4.0하지만 보류합니다 5.0.0. 물결표 ~는 최신 부 버전 (중간 숫자) ~4.3.0과 일치합니다 . 모든 4.3.x버전 과 일치 하지만 놓칠 것이다 4.4.0.)


Angular 응용 프로그램이 아직 시작되지 않은 경우 편리합니다! 그러나 물론 소스 코드가있는 경우에만 작동합니다. 온라인 원격 애플리케이션의 경우 Tony Dong의 답변을 참조하십시오 .DOM의 기본 각도 태그를 검사하면 모든 Angular2 + 버전에서 작동하는 것 같습니다.
Pac0

24

이제 ng -v입니다

각도 클리를 사용하는 경우 사용을 확인할 수 있습니다

ng --version

이제 ng -v입니다

또는 당신은 또한 체크인 할 수 있습니다

pakage.json 파일

 "dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "angular-in-memory-web-api": "^0.3.2",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },

23

각도 버전을 확인하는 방법에는 여러 가지가 있습니다. (창의 경우) 쉼표 프롬프트를 입력하고 입력하십시오.

1. ng version
2. ng v
3. ng -v

쉼표 줄을 사용하여 각도 버전을 확인하십시오.

4. You can pakage.json file

pakage.json 파일의 각도 버전을 확인하십시오.

5.You can check in browser by presing F12 then goto elements tab

브라우저에서 각도 버전을 확인하십시오.

(xxx)에 대한 Subversion에 대한 완전한 이해는 angularJSAngular 2+ 를 참조하십시오.


2
ng -v가 최신 앵귤러 버전에서 작동하지 않습니다 (앵귤러 8을 확인했습니다)
Srikrushna

14

Angular 4에서는 많은 옵션이 더 이상 작동하지 않습니다. 2017 년 7 월 업데이트 두 가지 가능성 :

1) 가장 간단한 방법은 프로젝트의 package.json을 열고 Angular의 버전을 확인하는 것입니다.

여기에 이미지 설명을 입력하십시오

2) ng serve를 실행 한 후 사용하는 탐색기 요소의 관리자를 열고 다음 이미지와 같이 버전을 관찰 할 수 있습니다.

여기에 이미지 설명을 입력하십시오


그렇다면 모든 라인에서 어떤 버전의 Angular가 어떤 버전입니까?
powder366

1
@ powder366 @angular/core과 형제 (여기에서 이것은 Angular 4, 최신 업데이트로 인해 의미합니다 ^)
Pac0

10

다른 방법은 VERSION상수 를 가져오고 @angular/core콘솔로 덤프하는 것입니다.

console.log(VERSION.full); //5.2.11

다음에서 작동합니다.

Angular 2와 3에 대해 잘 모름 (다른 사람이 테스트 할 수 있다면 페이지를 사용할 수 없음)


AngularJS 1.x의 경우 angular.version:

console.log(angular.version); //1.7.4

6

주의 : 다음 은 Angular-CLI 버전 확인합니다 !!! :

두 명령 모두 작동합니다.

ng -v

또는

ng v

여기에 이미지 설명을 입력하십시오


1
"Angular"버전이 아니라 "Angular CLI"버전입니다.
mareoraft

각 CLI 7은 각 버전이 포함되어 명령에 "NG 버전"이
Dynrepsys

6

를 사용하는 경우 다음 angular-cli명령을 사용하십시오.

ng v

5

각도 4 이상 사용의 경우

  • ng 버전
  • ng v

Angular 7 이상에서는 ng -v 옵션이 작동하지 않습니다.


5

그냥 ng v명령을 실행

당신은 같은 결과를 얻을 것이다

Angular CLI: 7.3.9
Node: 12.11.0
OS: win32 x64
Angular: 7.2.15
... common, compiler, compiler-cli, core, f
... language-service, platform-browser, pla
... router

Package                           Version
-------------------------------------------
@angular-devkit/architect         0.13.9
@angular-devkit/build-angular     0.13.9
@angular-devkit/build-optimizer   0.13.9
@angular-devkit/build-webpack     0.13.9
@angular-devkit/core              7.3.9
@angular-devkit/schematics        7.3.9
@angular/cli                      7.3.9
@ngtools/webpack                  7.3.9
@schematics/angular               8.0.0
@schematics/update                0.13.9
rxjs                              6.5.3
typescript                        3.1.6
webpack                           4.29.0

3

여러 가지 방법이 있습니다.

  1. package.json 파일 에서 확인할 수 있습니다
  2. 다음 명령을 사용하십시오.

ng-버전

위의 명령은 다음과 같은 결과를 나타냅니다.

앵귤러 CLI : 7.0.3

노드 : 9.4.0

운영체제 : darwin x64

각도 : 7.0.1

... 애니메이션, 공통, 컴파일러, 컴파일러 -cli, 핵심, 형태

... http, 언어 서비스, 플랫폼 브라우저

... 플랫폼 브라우저 동적 라우터

패키지 버전


@ angular-devkit / architect 0.10.3

@ angular-devkit / 빌드 각도 0.10.3

@ angular-devkit / 빌드 최적화 프로그램 0.10.3

@ angular-devkit / build-webpack 0.10.3

@ angular-devkit / core 7.0.3

@ angular-devkit / schematics 7.0.3

@ angular / cli 7.0.3

@ ngtools / webpack 7.0.3

@ 회로도 / 각도 7.0.3

@ 회로도 / 업데이트 0.10.3

rxjs 6.3.3

타이프 스크립트 3.1.4

웹팩 4.19.1

따라서 Angular, Angular CLI, Node 및 기타 여러 패키지의 버전을 여기에서 확인할 수 있습니다.


3

VS 코드 편집기를 사용하는 경우

왼쪽의 탐색기 패널로 이동-> package.json 찾기 및 열기-> 종속성에서 @ angular / core를 찾으십시오.

코어가 주요 기능이므로 각도 버전입니다.

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오


3

Angular 1 또는 2의 경우 (Angular 4+ 제외) :

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

또는

각도 버전을 보유하는 Javascript 객체에 액세스하려면 angular.version을 입력하십시오.

Angular 4+의 경우 다음과 같은 여러 가지 방법이 있습니다.

명령 프롬프트 또는 VS 코드의 터미널에 아래 코드를 작성하십시오. (최대 3 개)

  1. ng version 또는 ng --version (참조 용 이미지 찾기)
  2. ng v
  3. ng -v

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

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

여기에 이미지 설명을 입력하십시오

  1. package.json 파일을 찾으면 설치된 모든 종속성 및 해당 버전을 찾을 수 있습니다.


2

프로젝트 폴더에서 명령 터미널을 열고 다음을 입력하십시오.

ng -v

각도 버전을 볼 수 있도록 항목 목록을 제공합니다. 스크린 샷을 참조하십시오.

버전 정보


4
앵귤러 CLI : 1.7.3 노드 : 8.9.0 OS : win32 x64 앵귤러 : ... 스크린 샷에 따라 표시되지 않음
Devang Solanki

2

각도 2 이후 버전은 터미널에서 사용할 수 있습니다.

ng -v



    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.7.3
Node: 9.3.0
OS: linux x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.3
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0
mohideen@root:~/apps/UI$ 

1

터미널을 통해 각 프로젝트 디렉토리로 이동하여 다음 ng -v과 같은 모든 정보를 제공하십시오.

Angular CLI: 1.7.4
Node: 8.11.1
OS: linux x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

ng-v앵귤러 프로젝트 지시어 외부 를 확인하면 앵귤러 클리 버전 만 표시됩니다.


예, Angular 버전을 보려면 프로젝트 폴더 안에 들어가야합니다.
Gero

1

여기에 이미지 설명을 입력하십시오각도 cli의 새 버전에서는 [ng -v]가 작동하지 않습니다 .yoy는 [ng version]을 입력해야합니다.


0

여기있을거야 ..

../project_name/bower_components/angular/angular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */



0

위의 답변과 마찬가지로 요소를 검사하여 브라우저에서 체크인 할 수 있습니다. AngularJS 인 경우 아래와 같은 것을 볼 수 있습니다.

ng-app 지시문은 AngularJS에게 이것이 AngularJS 응용 프로그램의 루트 요소임을 알려줍니다.

모든 AngularJS 애플리케이션에는 루트 요소가 있어야합니다.



0

페이지의 요소를 검사하여 확인할 수도 있습니다.

  1. F12를 눌러 브라우저 개발자 도구를 엽니 다.

  2. 요소를 검사하십시오.

  3. 몸을 확장

  4. 다음과 같이 Angular 버전이 표시됩니다.

ng-version = "4.3.6"

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