IT

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

lottoking 2020. 3. 24. 08:15
반응형

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


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

나는 시도했다 :

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

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

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

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


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

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

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

현재의 헤더 angular.js:

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

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

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

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


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

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

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

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

파이어 폭스 파이어 버그

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


를 사용하는 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

브라우저의 개발자 콘솔 (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"}

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.)


이제 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"
  },

여러 가지 방법이 있습니다. 각 버전을 확인하십시오 .comand prompt를 치고 (Windows 용)

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+ 를 참조하십시오.


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

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

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

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

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


또 다른 방법은 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

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

두 명령 모두 작동합니다.

ng -v

또는

ng v

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


각도 4 이상 사용의 경우

  • ng 버전
  • ng v

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


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

ng -v

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

버전 정보


각도 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. 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 및 기타 여러 패키지의 버전을 여기에서 확인할 수 있습니다.


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

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

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

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

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


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

You can also open the console and go to the element tab on the developer tools of whatever browser you use.

Or

Type angular.version to access the Javascript object that holds angular version.

For Angular 4+ There is are the number of ways as listed below :

Write below code in the command prompt/or in the terminal in the VS Code.(up to 3)

  1. ng version or ng --version (Find the image for the reference)
  2. ng v
  3. ng -v

In the terminal you can find the angular version as shown in the attached image : 여기에 이미지 설명을 입력하십시오

  1. You can also open the console and go to the element tab on the developer tools of whatever browser you use. As displayed in the below image :

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

  1. Find the package.json file, You will find all the installed dependencies and their version.

If you are using angular-cli, simply use command:

ng v

just go to your angular project directory via terminal and ng -v give all information like this

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

If you check ng-v outside angular project directoty then it will show only angular-cli version.


여기에 이미지 설명을 입력하십시오In the new version of angular cli the [ng -v] will not work.yoy have to type [ng version].


It will be Here..

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

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

you can just type ng version thats it


It's very simple, you can see in package.json file


Same like above answer, you can check in browser by inspecting element, if it is AngularJS we can see something like below.

The ng-app directive tells AngularJS that this is the root element of the AngularJS application.

All AngularJS applications must have a root element.


For angular JS you can find it on angular-animate.js file as below:

/ ** * @license AngularJS v1.4.8 * (c) 2010-2015 Google, Inc. http://angularjs.org * 라이센스 : MIT * /


AngularJS의 경우-사용 angular.version

console.log(angular.version);
<script src="//unpkg.com/angular/angular.js"></script>

자세한 내용은


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

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

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

  3. 몸을 확장

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

ng-version = "4.3.6"

참고 URL : https://stackoverflow.com/questions/16017699/how-can-i-check-which-version-of-angular-im-using

반응형