기존 프로젝트를 방해하지 않고 Angular 18 탐색

최근 Angular 17 프로젝트를 진행 중이었는데 Angular 18의 흥미롭고 새로운 기능을 탐구하고 싶었습니다. 하지만 저는 이미 제작 중이거나 이미 제작 중인 기존 프로젝트에 영향을 주지 않는 방식으로 이 작업을 수행하고 싶었습니다. QA 단계. 이는 약간의 어려움을 안겨주었습니다.

• 글로벌 Angular 17: Angular CLI 버전 17을 전역적으로 설치했습니다.
• Angular 18 요구 사항: Node.js 버전 18.19 이상이 Angular 18의 전제 조건이었습니다.
• 기존 프로젝트 보존: 기존 Angular 17 프로젝트를 그대로 유지해야 했습니다.

NVM(노드 버전 관리자) 활용:

이 문제를 해결하기 위해 NVM(Node Version Manager)을 활용하기로 결정했습니다. NVM을 사용하면 시스템에서 여러 Node.js 버전을 관리할 수 있으므로 서로 다른 프로젝트에 대해 쉽게 전환할 수 있습니다. 설정 방법은 다음과 같습니다.

1. NVM 설치: 공식 NVM 웹사이트의 지침에 따라 여기에서 다운로드하고 설치할 수 있습니다.

2. Node.js 18 설치: NVM이 설치되면 다음 명령을 사용했습니다.
   

nvm install latest 

최신 Node.js 버전(당시 22.4.1)이 설치되었습니다.

별도의 개발 환경 만들기:

다음으로 Angular 18 연습 프로젝트를 위한 별도의 디렉터리를 만들었습니다. 이는 기존 프로젝트에서 환경을 분리하는 데 도움이 됩니다.

로컬에 Angular 18 설치:

이 특정 프로젝트에 Angular 18을 설치하기 위해 다음 명령을 사용했습니다.

npm install @angular/cli@latest 

-g가 없다는 점에 주목하세요. 그러면 전역 설치에 영향을 주지 않고 프로젝트 디렉터리 내에 로컬로 최신 Angular CLI 버전(당시 18.1.0)이 설치됩니다.

놀라다! 아직은 충분하지 않습니다:

ng new practice-project를 사용하여 새 프로젝트를 생성하려고 하면 기본적으로 전역적으로 설치된 Angular CLI 버전(17)을 사용하는 것으로 설정되었습니다. 여기서 npx의 마법이 발휘됩니다.

노드 패키지 실행자(npx) 소개:

npx를 사용하면 패키지를 전역적으로 설치하지 않고도 npm에서 패키지를 실행할 수 있습니다. 이것이 내 새 프로젝트에 특정 Angular CLI 버전(18)을 사용하는 핵심임이 입증되었습니다. 승리 명령은 다음과 같습니다.

npx @angular/cli@18 new my-angular-18-project

ng 버전을 실행하여 프로젝트를 검증합니다.

성공! Angular 18 살펴보기:

필요한 종속 항목 설치를 기다린 후 새로운 Angular 18 프로젝트(my-angular-18-project)를 시작할 준비가 되었습니다! 이를 통해 기존 Angular 17 프로젝트를 방해하지 않고 흥미로운 @let 구문을 포함하여 Angular 18의 모든 새로운 기능을 탐색할 수 있었습니다.