Angular CLI를 설치하고 사용하는 방법은 무엇입니까? (사진과 글로 자세한 설명)

이 글에서는 Angular CLI 설치 및 사용 튜토리얼을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

소개:

"Angular" 버전과 관련하여 "Angular"는 공식적으로 Angular 1.x로 Angular JS로 명명되었으며 Angular 2.x 이상은 총칭하여 "Angular"라고 합니다.

관련 튜토리얼 추천: "angular Tutorial"

"CLI"는 "Command Line Interface"의 약어로, 자동화된 개발 프로세스를 구현하는 명령줄 인터페이스입니다.

예: ionic-cli, vue-cli 등; 프로젝트를 생성하고 파일(구성 요소, 서비스 등)을 추가하고 테스트, 패키징 및 게시와 같은 많은 개발 작업을 수행할 수 있습니다.

Angular 설치 CLI

1. 필수 nodejs 및 npm 설치

Node 공식 웹사이트 주소: https://nodejs.org/en

2. Typescript를 전역적으로 설치하는 것이 좋습니다.

Typescript 공식 웹사이트 주소: http://www.typescriptlang.org/index.html

사용 명령:

 npm install -g typescript

3.Angular-cli 설치

Angular-cli 공식 웹사이트 주소: https://cli.angular .io /

다음 명령을 사용하세요:

npm install -g @angular/cli

Image

참고:angular-cli를 설치하는 것은 조금 이르지만 설치할 때 내 버전이 아니어도 상관없습니다

새 버전을 만듭니다. Angular 프로젝트

new

// ngStudy 是工程名称可以随意修改的
ng new ngStudy

프로젝트 아이콘

명령을 사용하세요. 참고: 140MB

생성된 프로젝트 구조:

이상의 node_modules를 다운로드해야 하기 때문에 오랜 시간을 기다려야 합니다.

Angular 프로젝트 실행

serve 명령 사용

//需要进入工程的目录中
ng serve

실행 아이콘

인터페이스 액세스

마지막에 작성

1. 다운로드가 되지 않을 수 있습니다

1.1 수정해 보세요. npm 이미지가 타오바오의

1.2 "Blue Lantern" 에이전트를 통해 다운로드됩니다.

2 프로젝트의 디렉토리 구조는 다음 지침을 참조하세요. 중국어 공식 웹사이트: https://angular.cn/guide/quickstart

3. 명령줄 사용 주소: https://github.com/angular/angular-cli/wiki 일반적으로 사용되는 명령 그림을 붙여넣습니다. 공식

4.angular-cli 업데이트 버전 방법 소개

npm install -g @angular/cli를 사용하여 직접 업데이트할 수 있습니다

더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요: 소개 프로그래밍까지! !

위 내용은 Angular CLI를 설치하고 사용하는 방법은 무엇입니까? (사진과 글로 자세한 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!