이 기사에서는 기존 Angular 앱을 Angular 8로 적절하게 마이그레이션하기 위해 따라야 하는 필수 단계에 대해 알아봅니다.

업그레이드 또는 업데이트 앵귤러 7 버전 8에서 수행된 모든 작업과 특정 버전 및 종속성을 업데이트할 수 있는 ng 업데이트 명령 덕분에 이제 Angular 8로의 전환이 그 어느 때보다 쉬워졌습니다.

앵귤러 8 Angular Material과 같은 핵심 프레임워크 및 기타 라이브러리에 대한 많은 새로운 기능과 함께 출시되었습니다. 새 버전은 최신 버전의 TypeScript 및 Node에 따라 다릅니다. CLI를 업데이트하는 방법을 알아보겠습니다. 각도 CLI 8 기존 프로젝트를 버전 7에서 Angular 8로 업그레이드합니다.

업데이트란 무엇입니까?

ng update는 애플리케이션과 종속성을 업데이트하는 데 사용되는 Angular CLI에서 사용할 수 있는 명령입니다. |_+_|의 모든 패키지를 업데이트하는 데 사용할 수 있습니다. |_+_|를 통해 파일 |__+_|를 통해 true 및 false 또는 특정 버전을 사용할 수 있는 옵션 옵션. 공식에서 사용 가능한 모든 명령을 볼 수 있습니다. 문서 .

Angular 8로 업데이트/업그레이드하는 방법

대부분의 사용 사례와 Angular 8에서 수행된 작업 덕분에 다음 명령을 사용하여 최신 릴리스로 업그레이드할 수 있습니다.

문제가 있는 경우. 당신은 또한 확인할 수 있습니다 update.angular.io 자세한 사항은.

Angular 7로 업데이트/업그레이드하는 방법

업데이트 프로세스에 대한 자세한 내용은 update.angular.io 공식 웹 사이트.

Angular 6의 모든 개선 사항 덕분에 이제 최신 버전으로 업데이트하는 것이 그 어느 때보다 쉬워졌습니다.

유니티 멀티 씬 편집

대부분의 경우 다음과 같은 간단한 명령을 실행하여 v7로 업데이트할 수 있습니다.

프로세스에 대한 자세한 내용이 여전히 필요한 경우 다음 섹션을 따르십시오.

Angular 6에서 Angular 7로 업데이트(기본 앱)

프로젝트가 기본인 경우 다음 단계를 시도하기만 하면 됩니다.

• 먼저 자동 업데이트 규칙을 사용하여 RxJS 6의 더 이상 사용되지 않는 기능을 제거해야 합니다. rxjs-tslint . |_+_|를 사용하여 도구를 전역적으로 설치하기만 하면 됩니다. 명령을 실행한 다음 |_+_| 프로젝트의 루트에서. 완료되면 제거할 수 있습니다 |_+_| 도서관.
• 마지막으로 |_+_|를 실행하기만 하면 됩니다. v7 코어 프레임워크 및 CLI로 업데이트하는 명령입니다.

고급 앱 업데이트

프로젝트에서 HTTP와 같은 고급 API를 사용하는 경우 이전 |_+_| 그리고 |_+_| 새로운 |_+_| 서비스(v6에서 더 이상 사용되지 않음) 그리고 |_+_| 새롭고 강력한 기능을 많이 제공하는 서비스입니다.

또한 애플리케이션이 Angular Service 작업자를 사용하는 경우 |_+_| |_+_| 정렬.

위에서 언급한 것 외에 v6.1에서 v7로 마이그레이션하기 위해 프로젝트에서 변경을 수행할 필요가 없습니다.

이전 Angular 버전에 대한 지침

이 전반에 걸쳐 지도 시간 가이드를 통해 예를 들어 업데이트 또는 마이그레이션하는 방법을 배웁니다. 각도 5 에 의해 생성된 프로젝트 앵귤러 CLI 사용 각도 6 (최신 버전) 및 각도 CLI 6 . 기존 제품을 업그레이드할 수 있도록 단계별로 안내해 드리겠습니다. 각도 5 프로젝트(다음에도 적용할 수 있습니다. 앵귤러 2 또는 각도 4 ) 최신 Angular 기능 및 종속성을 사용합니다.

카르마 암호화폐는 어디서 살 수 있나요?

요컨대 다음 단계는 다음과 같습니다.

• Node.js를 Angular 6에 필요한 버전 8 이상으로 업데이트하십시오.
• 업데이트 HTTP 에게 Http클라이언트 Angular 4.3 이상에서 도입됨
• 다음에서 애니메이션 가져오기 업데이트 @각도/코어 에게 @앵귤러/애니메이션
• Angular CLI를 프로젝트별로 전역 및 로컬로 버전 6으로 업데이트 또는 설치
• |_+_|를 사용하여 업데이트가 필요한 패키지를 표시합니다.
• |_+_|를 사용하여 핵심 패키지 업데이트
• |_+_|를 사용하여 RxJS 패키지 업데이트
• 사용되는 경우 |_+_|를 사용하여 Angular Material을 업데이트합니다.

요구 사항

Angular 5 프로젝트를 업데이트/업그레이드하기 전에 다음 요구 사항이 있는지 확인하세요.

• 컴퓨터에 설치된 NodeJS 8+
• 새로운 Angular 4.3+를 사용하고 있습니다. Http클라이언트 그리고 Http클라이언트 모듈 . 그렇지 않은 경우 프로세스가 간단하고 투명하다고 걱정하지 마십시오. HttpModule을 HttpClientModule로 바꾸고 Http를 HttpClient와 함께 사용하십시오.
• 다음에서 애니메이션을 가져오고 있습니다. @앵귤러/애니메이션 대신에 @각도/코어

Angular CLI를 버전 6으로 설치 또는 업데이트

Angular CLI 업데이트는 쉽고 다음 명령을 사용하여 npm에서 최신 버전을 설치하기만 하면 됩니다.

추가해야 할 수도 있습니다 스도 npm 구성에 따라 다릅니다.

초보자를 위한 그루비 튜토리얼

또한 Angular CLI 6을 설치하고 실행할 수 있으려면 시스템에 Node.js 8+ 및 NPM이 설치되어 있어야 합니다.

Angular 5 CLI를 버전 6으로 업데이트(방법 2)

다음 명령을 사용하여 최신 버전을 설치하기 전에 이전 Angular CLI 5 버전을 제거할 수도 있습니다.

다음 실행 |_+_| 명령 전역:

Angular 4|5 프로젝트 업그레이드

먼저 다음 명령을 사용하여 로컬로 Angular CLI 6을 설치하여 시작합니다(프로젝트의 루트 폴더 안에 있는지 확인).

구성 파일 업데이트

Angular 4|5와 Angular 6 사이에는 다음과 같은 많은 차이점이 있습니다.

• Angular 6은 |_+_|를 사용합니다. |_+_| 대신.
• |__+_|에 있는 다양한 버전의 종속성 등.

프로젝트의 루트 폴더에서 다음 명령을 실행하여 다른 구성 파일을 자동으로 업데이트할 수 있습니다.

업데이트할 패키지 검색

Angular CLI에는 프로젝트의 |_+_|를 자동으로 분석할 수 있는 새로운 유틸리티가 있습니다. 파일을 만들고 업데이트해야 하는 종속성을 표시합니다.

Angular 5 프로젝트의 루트 폴더에서 터미널을 사용하여 다음 명령을 실행합니다.

다음은 이 명령의 출력 예입니다.

코어 패키지를 Angular 6으로 업그레이드

이제 핵심 패키지/종속성을 Angular 6으로 업데이트해야 합니다. 다음 명령을 실행하기만 하면 됩니다.

RxJS 업그레이드

|_+_|를 사용하여 RxJS를 업데이트할 수 있습니다. 명령:

Angular 2 프로젝트 업그레이드

이제 Angular CLI를 사용하여 생성된 기존 Angular 2 프로젝트는 어떻습니까?

다음 지침에 따라 최신 종속성을 사용하도록 쉽게 업데이트할 수 있습니다.

먼저 다음을 사용하여 설치된 Angular CLI 및 기타 종속성의 버전을 확인하십시오.

제 경우에는 다음과 같은 결과가 나타납니다.

최신 Angular CLI를 전 세계적으로 설치했기 때문입니다. 프로젝트를 제공하려고 하면 버전 불일치 경고가 표시됩니다.

파이썬 제로 영웅

다음으로 프로젝트를 엽니다 |_+_| 파일을 열고 Angular CLI 버전을 변경합니다. 여기에서 Angular CLI 패키지의 npm 정보 페이지를 확인할 수 있습니다. 링크 최신 버전을 찾으려면.

다음으로 프로젝트를 삭제하세요 |_+_| 폴더를 만들고 다음 명령을 실행합니다.

다른 종속성의 버전을 변경할 필요가 없습니다. Angular CLI가 최신 버전 가져오기를 처리합니다.

기본 주방 싱크대

이제 다음을 사용하여 설치된 버전을 다시 확인할 수 있습니다.

제 경우에는 다음과 같은 결과가 나타납니다.

보시다시피 각도 4.3.1 설치됩니다.

결론

이 튜토리얼에서는 Angular CLI를 버전 6으로 업데이트하는 방법, 기존 버전을 업그레이드하는 방법을 단계별로 살펴보았습니다. 앵귤러 2 에게 각도 4 및 각도 4|5 ~ 각도 6 .

#각도 #자바스크립트

www.techiediaries.com

Ng-Update 및 Angular CLI v8을 사용한 Angular 8 업데이트

이 기사에서는 기존 Angular 앱을 Angular 8로 적절하게 마이그레이션하기 위해 따라야 하는 필수 단계에 대해 알아봅니다.