Angular를 사용하고 있으며 다양한 Angular 버전으로 프로젝트를 설정해야 합니까? 다음은 Angular CLI 유무에 관계없이 특정 버전에 대한 Angular 프로젝트를 생성하는 간단한 가이드입니다!
여러 Angular 프로젝트를 작업할 때 특정 버전을 고정해야 하는 경우가 있습니다. 프로젝트가 특정 버전에서만 사용할 수 있는 특정 기능에 의존하거나 레거시 코드베이스와의 호환성이 필요할 수도 있습니다.
CLI 사용 여부에 관계없이 특정 Angular 버전으로 프로젝트를 생성하는 방법은 다음과 같습니다.
CLI를 설치하지 않고도 특정 버전의 Angular 프로젝트를 초기화할 수 있다는 것을 알고 계셨나요? 구문과 예시를 살펴보겠습니다.
npm init @angular@
npm init @angular@16 sampleApp
이 접근 방식은 Angular CLI를 전역적으로 설치하지 않고 기본 Angular 프로젝트를 설정합니다. 추가 도구 설치를 피하고 싶거나 제한된 환경에서 작업하는 경우 유용합니다.
legacyApp이라는 Angular 13 프로젝트:
npm init @angular@13 legacyApp
이 명령은 필요한 Angular 버전을 직접 풀다운하여 해당 버전과 관련된 프로젝트 구조와 종속성을 설정합니다.
통사론
npx -p @angular/cli@이 명령은 npx를 사용하여 지정된 CLI 버전을 임시로 실행하고 해당 Angular 버전에 맞는 프로젝트를 생성합니다.ng new
예
npx -p @angular/cli@이 명령은 전역적으로 다른 Angular CLI 버전이 설치되어 있는 경우에도 Angular CLI 버전 13을 사용하여 새 프로젝트를 생성합니다.ng new
npx 사용의 장점:
빠른 명령 요약
CLI 없음 | CLI 사용 | |
---|---|---|
npm init @angular@16 SampleApp | npx -p @angular/cli@16 ng 새 샘플 앱 | |
npm init @angular@13 레거시App | npx -p @angular/cli@13 ng 새 데모앱 |
즐거운 코딩하세요!
부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.
Copyright© 2022 湘ICP备2022001581号-3