programing

사용하고 있는 Angular 버전을 확인하려면 어떻게 해야 합니까?

newnotes 2023. 3. 1. 11:31
반응형

사용하고 있는 Angular 버전을 확인하려면 어떻게 해야 합니까?

어떤 버전의 Angular를 사용하고 있는지 어떻게 알 수 있습니까?

시도했습니다.

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

, 취득할 수 있습니다.-bash: angular: command not found

는 는는으로 있다.yeoman --version하고 있는 은 ★★★★★★★★★★★★★★★★★★★★★★★★★」0.9.6

하지만 angularjs 버전은 어떻게 얻죠?

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

의 개발자 도구에서 "Developer "을 입력할 도 있습니다.angular.version자바스크립트

헤더 코멘트 없이 스크립트를 최소화할 때 매우 유용합니다.

편집: 이 답변이 작성되었을 때 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 2+의 경우 디벨로퍼 도구(F12)가 있는 최신 브라우저에서 최상위 애플리케이션 태그를 검사할 수 있습니다.

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

Angular 2+ Chrome 브라우저에 대응

여기에 이미지 설명 입력

파이어폭스 파이어버그

여기에 이미지 설명 입력

「 」를 사용하고 angular-cli 이렇게 하면 할 수

ng -v

★★★★★★★★★★★★★★★★★」ng vAngular 8, 터미널 또는 배쉬에 있습니다.참고: 프로젝트 디렉토리 내에서 명령을 실행하십시오.

다음과 같은 정보를 얻을 수 있습니다.

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의 of의 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"}

짐도 확인하실 수 있습니다.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 any will will will will 。4.x.x(「」4.4.0 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , .5.0.0 ★★~는 최신 마이너버전(중간 번호)과 일치합니다. ~4.3.0 합니다.4.3.x놓칠 수 .4.4.0

지금은 ng-v입니다.

angular cli 를 사용하고 있는 경우는, 다음의 조작을 체크할 수 있습니다.

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

angular version을 체크하는 방법은 여러 가지가 있습니다. command 프롬프트(윈도우용)를 누르고 입력하세요.

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

코만드 라인을 사용하여 각도 버전을 확인합니다.

4. You can pakage.json file

패키지의 각도 버전을 확인합니다.

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

브라우저의 각도 버전을 확인합니다.

(x.x.x)에 대한 서브버전에 대한 자세한 내용은 각 문서를 참조하십시오.JS각도 2+

다른 방법은 상수를 Import하는 것입니다.@angular/core하다

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

기능:

Angular 2와 3에 대해서는 확실하지 않습니다(누군가가 테스트할 수 있는 경우 페이지를 사용할 수 없습니다).


AngularJS 1.x의 경우:

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

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

1) 가장 간단한 것은 패키지를 여는 것입니다.프로젝트의 json과 사용된 버전을 확인합니다. 그 중 하나는 Angular입니다.

여기에 이미지 설명 입력

2) ng serve 실행 후 사용하는 탐색기 요소의 인스펙터를 열어 아래 그림과 같이 버전을 관찰할 수 있습니다.

여기에 이미지 설명 입력

Run Just Run ( 「 」 )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

「 」를 사용하고 angular-cli명령어를 사용합니다.

ng v

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

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

또는

angular 라고 입력합니다.version을 지정하면 각도 버전이 유지되는 Javascript 개체에 액세스할 수 있습니다.

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

VS 코드의 커맨드프롬프트/또는 단말기에 다음 코드를 입력합니다.(최대 3개)

  1. ng version 또는 ng --version (참조 이미지 검색)
  2. ng v
  3. ng - v

단말기에서 첨부된 이미지와 같이 각도 버전을 찾을 수 있습니다.

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

여기에 이미지 설명 입력

  1. 패키지를 찾습니다.json 파일. 설치된 모든 종속성 및 해당 버전을 찾을 수 있습니다.

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

두 명령어 모두 동작합니다.

ng -v

또는

ng v

여기에 이미지 설명 입력

각도 4+의 경우,

  • ng 버전
  • ng v

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

Angular 의 경우- JS - 사용angular.version

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

상세한 것에 대하여는, 을 참조해 주세요.

VS Code Editor 를 사용하고 있는 경우.

좌측의 [익스플로러]패널 -> [패키지 검색]으로 이동합니다.의존관계에서 json & open it - > @param/core를 찾습니다.

코어가 주특징이기 때문에 각진 버전입니다.

여기에 이미지 설명 입력

여기에 이미지 설명 입력

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

  1. 패키지에서 확인할 수 있습니다.json 파일
  2. 다음 명령을 사용합니다.

ng --버전

위의 명령어를 실행하면 다음과 같이 출력됩니다.

각도 CLI: 7.0.3

노드: 9.4.0

OS: darwin x64

각도: 7.0.1

애니메이션, 공통, 컴파일러, 컴파일러-cli, 코어, 폼

... http, 언어 서비스, 플랫폼 매니저

... platform-syslog-dynamic, 라우터

패키지 버전


@syslog-devkit/architect 0.10.3

@syslog-devkit/build-syslog 0.10.3

@syslog-devkit/build-syslog 0.10.3

@syslog-devkit/build-webpack 0.10.3

@syslog-devkit/core 7.0.3

@syslog-devkit/schematics 7.0.3

@syslog/cli 7.0.3

@ngtools/webpack 7.0.3

@schematics/frame 7.0.3

@schematics/update 0.10.3

rxjs 6.3.3

타입 3.1.4

웹 팩 4.19.1

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

프로젝트 폴더에서 명령 터미널을 열고

ng -v

각진 버전을 볼 수 있는 아이템 리스트가 표시됩니다.스크린샷을 참조해 주세요.

버전 상세

angular 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$ 

터미널을 통해 각진 프로젝트 디렉토리로 이동하여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-vangular project directoty를 사용하면 angular-cli 버전만 표시됩니다.

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

각도 JS의 경우 다음과 같이 angular-animate.js 파일에서 찾을 수 있습니다.

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

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

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

  2. 요소를 검사합니다.

  3. 본문 전개

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

ng-version="4.3"6"

Angular 2+의 경우

요소 검사(Ctrl + Shift + I)

[ Elements ]섹션으로 이동하여 스크롤합니다.<app-root>태그(아래 그림 참조)

검사 요소

여기에 있습니다.

../project_name/bower_components/components/components/components.

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

타이핑만 하면 됩니다.ng version바로 그거야

매우 간단합니다.package.json파일

위의 답변과 마찬가지로, Angular일 경우 요소를 검사하여 브라우저를 체크인할 수 있습니다.JS는 다음과 같은 것을 볼 수 있습니다.

ng-app 지시어는 Angular에 알립니다.JS는 이것이 각도의 루트 요소임을 나타냅니다.JS 어플리케이션

전체 각도JS 응용 프로그램에는 루트 요소가 있어야 합니다.

1. ng --version (For checking Installed Angular Version in system)

2. npm --version (For checking Installed NPM Version in system) 

3. node --version (For checking Installed Node Version in system) 

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

반응형