Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

programing

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

magicmemo 2023. 5. 1. 20:49

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

구글과 앵귤러 CLI를 통해 검색해봤지만 앵귤러 CLI를 사용하여 특정 버전의 앵귤러를 설치할 방법을 찾을 수 없었습니다. 가능할까요?

질문에 답하기 위해 특정 각도-cli 버전이 아니라 특정 각도-cli 버전에 관심이 있다고 가정합니다(각도-cli는 결국 도구일 뿐입니다).

합리적인 방법은 각도-cli 버전을 각도 버전과 정렬된 상태로 유지하는 것입니다. 그렇지 않으면 비호환성 문제가 발생할 위험이 있습니다.따라서 정확한 angular-cli 버전을 구하면 원하는 angular 버전을 구하게 됩니다.

그 가정에서, 당신의 질문은 각도-cli에 관한 것이 아니라 npm에 관한 것입니다.

방법은 다음과 같습니다.

[STEP 0 - 선택사항] 사용자 환경에 설치된 Angular-cli 버전이 확실하지 않으면 제거합니다.

npm uninstall -g @angular/cli

그런 다음 실행(--force 플래그가 필요할 수 있음)

npm cache clean

또는 npm > 5를 사용하는 경우.

npm cache verify

[STEP 1] Angular-cli 전용 버전 설치

npm install -g @angular/cli@wished.version.here

[2단계] 프로젝트 생성

ng new you-app-name

원하는 각도 버전으로 흰색 앱이 생성됩니다.

참고: 각도 및 각도-cli의 호환성 매트릭스가 표시된 페이지를 찾을 수 없습니다.따라서 설치해야 할 Angular-cli 버전을 알 수 있는 유일한 방법은 다양한 버전을 시도하고, 새로운 프로젝트를 만들고, 다음을 확인하는 것입니다.package.json사용되는 각 버전을 확인합니다.

각도 버전 변경 로그 여기 사용 가능한 버전과 차이점을 확인할 수 있는 github 위치 변경 로그가 있습니다.

당신은 그냥 가질 수 있습니다.package.json 를 수행합니다.npm install그러면 해당 버전이 설치됩니다.

은 또한당의필없습다니요가존할은에 의존할 angular-cli프로젝트를 개발할 수 있습니다.

#2 편집(2017년 7월 2일)

cli라는 새 는 CLI, angular cli는 CLI입니다.@angular/cli를 사용하여 .

npm uninstall -g @angular/cli

위의 코드를 따릅니다.저는 여전히 이에 대한 투표를 받고 있어서 어떤 이유로 이전 버전을 사용하고자 하는 사람들을 위해 답변을 업데이트했습니다.

#1 편집

CLI를 사용하여 이전 버전의 Angular로 새 프로젝트를 만들려면 최종 릴리스 전에 Angular-cli를 다운그레이드하십시오.다음과 같은 것:

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@1.0.0-beta.32

초기의

패키지의 각진 버전을 변경할 수 있습니다.json. 당신은 이전 버전의 앵귤러를 사용하고 싶겠지만, 저는 당신이 최신 버전을 사용하는 것을 제안합니다.사용:

ng new app-name

항상 최신 버전의 각도를 사용합니다.

그angular/cli 및 에 설치된 버전angular/compiler버전:

1.0 - 1.4.x = ^4.0.0
1.5.x = ^5.0.0
1.6.x - 1.7.x = ^5.2.0
6.x = ^6.0.0
7.x = ^7.0.0

다음을 검토하여 확인할 수 있습니다.angular/cli의package.json 에 철하다. ~~저장소새로운 저장소~~마스터 리포지토리특정 각도 버전을 얻으려면 특정 CLI 버전을 설치해야 합니다.

npm -g install @angular/cli@1.5.* # For ^5.0.0

npx @angular/cli@10 new my-poject

10개를 선택한 버전으로 대체할 수 있습니다.기존 CLI를 제거할 필요가 없습니다. 이제서야 알게 되었습니다.

예, npm을 사용하여 Angular의 특정 버전을 설치할 수 있습니다.

npm install -g @angular/cli@8.3.19

그런 다음 ngnew 명령을 사용하여 CLI를 설치할 때 사용한 특정 버전을 기반으로 Angular 프로젝트를 생성해야 합니다.

ng new your-project-name

이렇게 하면 Angular CLI를 설치할 때 지정된 버전인 Angular v8.3.19를 기반으로 프로젝트가 생성됩니다.

다음 명령을 사용하여 특정 버전을 설치하고 다운그레이드합니다.
(CLI)

npm uninstall -g @angular/cli

npm 캐시 정리

 npm cache clean --force

설치 cli

npm install -g @angular/cli@_choose_your_version

패키지의 '의존성' 섹션에서 원하는 버전을 지정합니다.json, 콘솔/터미널의 루트 프로젝트 폴더에서 다음을 실행합니다.

npm install

예를 들어 다음은 v4.3.4를 구체적으로 설치합니다.

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

버전 번호에 다음과 같은 한정자를 추가하여 버전을 구체적으로 지정해야 하는 정도를 변경할 수도 있습니다.

캐럿 ^

첫 번째 번호로 지정된 대로 최신 주 버전으로 업데이트합니다.

^4.3.0

최신 4.x.x 릴리스를 로드하지만 5.x.x를 로드하지는 않습니다.

틸데~

두 번째 번호로 지정된 대로 최신 부 버전으로 업데이트합니다.

~4.3.0

최신 4.3.x 릴리스를 로드하지만 4.4.x를 로드하지는 않습니다.

npm i -g @angular/cli@x.y.z

x,y,z--> 원하는 버전 번호

여전히 문제가 있고 nvm을 사용 중인 경우 nvm 노드 환경을 설정해야 합니다.

설치된 최신 버전을 선택합니다. 버을보사용을 합니다.nvm list.

nvm use node
sudo npm remove -g @angular/cli
sudo npm install -g @angular/cli

또는 특정 버전을 설치하려면 다음을 사용합니다.

sudo npm install -g @angular/cli@7.2

사용 권한 오류가 발생한 경우 다음을 사용합니다.

sudo npm install -g @angular/cli@7.2 --unsafe-perm

컴퓨터에 Angular 11을 전체적으로 설치했지만 Angular 6에서 새 프로젝트를 만들어야 했습니다. 이 질문에 대한 Robert Brisita의 답변에 있는 Angular 버전에 대한 CLI 버전 정보를 바탕으로 다음 단계가 수행되었습니다.

created [angular-six-dir]
cd [angular-six-dir]
npm install @angular/cli@6.* 
ng new [angular-six-project-name]

npx를 사용하여 이전 버전의 응용 프로그램을 생성할 수도 있습니다.

예:

#Angular 11: last CLI version 11
npx -p @angular/cli@11.1.2 ng new Angular11App

출처: https://frontbackend.com/angular/how-to-generate-angular-application-in-a-specific-version-using-ng-new-command

명령 프롬프트에서 이 명령을 실행하면 이동할 수 있습니다.

npm install -g @angular/cli@version_name

글로벌 패키지를 다시 설치하는 것은 작업 공간에서 다른 각도 버전의 여러 프로젝트를 관리하기 위해 매번 어렵습니다.

mkdir <new workspace> 
cd <new workspace>
npm init
npm i @angular/cli@12.2.18

모든 버전을 사용할 수 있습니다.

ng -v

글로벌 Angular CLI 버전(13.3.2)이 로컬 버전(12.2.18)보다 큽니다.로컬 Angular CLI 버전이 사용됩니다.

ng new <project name>
cd <project name>
cat package.json

꾸러미제이손

각진 버전이 12인 것을 볼 수 있습니다.

원하는 각도 버전 앱을 설치하려면 다음 명령을 사용합니다.
npx -p @angular/cli ng new hello-project

설치하다npx사용.npm i -g npx아직 설치되지 않은 경우.

각도 CLI 버전은 설치할 각도 버전을 나타냅니다. @angular/cli@^7.0.0각진 7개의 프로젝트를 만듭니다.
@angular/cli@^9.0.0각진 9개의 프로젝트를 생성합니다.
@angular/cli@latest아니면 그냥@angular/cli최신 안정 버전의 Angular 앱을 만듭니다.

다음 명령을 사용하여 특정 버전을 설치합니다.angular/cli 버전 1.6.8을 설치하고 싶다고 말하고 다음 명령을 입력합니다.

sudo npm install -g @angular/cli@1.6.8

설치합니다.angular/cli version 1.6.8

NVM을 사용하여 노드와 npm의 다른 버전을 유지한 다음 호환되는 Angular-cli를 설치할 것을 제안합니다.

npm install -g @angular/cli@6.1.1
##Then you can check the version by##
ng --version

https://www.npmjs.com/package/ @http/cli/v/12.1.0

이 일은 나에게 효과가 있습니다.
"C:" 폴더에서 CMD를 엽니다.\Users\사용자\source\repos"

npm uninstall -g @angular/cli 
npm cache clean
npm cache verify
npm install -g @angular/cli

그 후에 다시 시도하십시오.

관리자로 CMD 실행 사용, 다음과 같은 명령

npm i @angular/cli@11.2.18
npm i -g @angular/cli@11.2.18

npm install @angular/cli@11.2.18
npm install -g @angular/cli@11.2.18

이 https://www.npmjs.com/package/ @sys/cli/v/12.2.16과 같은 기존 버전을 가져옵니다.

그저.

sudo npm -g install @angular/cli@11.2.10

유효한 버전 목록은 Angular CLI Versions 아래 링크를 확인하십시오.

나의 경우 이전 버전의 다른 Angular 앱이 있는 nx 작업 공간이 있었기 때문에, 나는.@angular/cli이전 버전과 함께 로컬로 설치됩니다.그래서 새 앱을 추가하려고 할 때 경고가 발생했습니다.Your global Angular CLI version (14.1.2) is greater than your local version (11.2.0). The local Angular CLI version is used.따라서 필요한 버전을 로컬로 설치할 수 있으며 사용됩니다.

현재 전체적으로 설치된 Angular CLI를 제거할 필요가 없습니다.특정 CLI 버전을 로컬로 설치하고 프로젝트를 완료할 수 있습니다.또한 각도 CLI는 특정 버전의 nodejs에도 의존합니다.따라서 nvm을 사용하여 로컬로 설치된 Angular CLI와 호환되는 특정 nodejs 버전을 설치합니다.다음 단계를 수행합니다.

1단계:

nvm install vX.Y.Z

여기서 X.Y.Z는 각 CLI 버전과 호환되는 nodejs 버전입니다.

2단계:

nvm use vX.Y.Z

3단계:

npx @angular/cli@X.Y.Z new my-poject

여기서 X.Y.Z가 원하는 버전입니다.

4단계:

 cd my-project && ng serve

이제 Angular CLI는 전역적으로 설치된 CLI 대신 로컬로 설치된 버전을 사용합니다.버전 불일치 경고는 무시할 수 있습니다.

사용(설치할 버전으로 대체)

npm install -g @angular/cli@12.2.13

언급URL : https://stackoverflow.com/questions/43344600/how-to-install-a-specific-version-of-angular-with-angular-cli

'programing' 카테고리의 다른 글

기본 제약 조건을 추가하는 명령 (0)	2023.05.01
악명 높은 java.sql.SQL 예외:적합한 운전자를 찾을 수 없음 (0)	2023.05.01
git diff'는 라인 번호와 변경된 파일 이름만 표시할 수 있습니까? (0)	2023.05.01
포크를 정리하고 업스트림에서 다시 시작합니다. (0)	2023.05.01
Python을 찾을 수 없습니다. 인수 없이 실행하여 Microsoft Store에서 설치하거나 설정에서 이 바로 가기를 사용하지 않도록 설정합니다. (0)	2023.05.01

현재글Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

각종 프로그래밍 정보를 다루는 블로그입니다.

MongoDB, WPF, ASP.NET, sql-server, mariadb, Python, reactjs, PowerShell, Firebase, Excel, Git, JSON, angularJS, Oracle, angular, Android, ajax, Wordpress, MySQL, spring-boot,

Today :
Yesterday :

magicmemo

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

캐럿 ^

틸데~

'programing' 카테고리의 다른 글

'programing'의 다른글

티스토리툴바

« 2024/12 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

캐럿 ^

틸데~

'programing' 카테고리의 다른 글

'programing'의 다른글

관련글

티스토리툴바