Angular CLI를 사용하여 Angular 시작 및 실행

Angular CLI를 사용하여 Angular 시작 및 실행

2022-06-01 last update

4 minutes reading Angular
모든 각도 항목은 많은 활동 부품과 관련된다. Angular CLI (명령줄 인터페이스) 는 프로젝트를 쉽게 시작하고 구성 요소, 루트 또는 서비스를 생성하며 프로젝트에 서비스를 제공하고 테스트를 실행할 수 있는 새로운 도구이다.
이 글은 각도 2와 이상을 포괄하였다.

Angular CLI 설치


첫 번째 단계는 npm에서 설치하는 것입니다.
$ npm install -g @angular/cli
그러면 Angular CLI가 글로벌 설치됩니다.npm이 신고하면 sudo 실행 명령을 사용하십시오.
$ sudo npm install -g @angular/cli

새 프로젝트 시작


먼저 터미널을 사용하여 프로젝트의 상위 디렉토리가 될 디렉토리로 이동한 다음 다음 명령을 실행합니다.
$ ng new app-name
이것은 인코딩을 즉시 시작할 수 있도록 모든 것을 준비할 수 있는 각도 항목을 만들 것입니다.다음은 새 프로젝트 디렉토리 구조의 예입니다.
├── README.md
├── angular-cli.json
├── **e2e …**
├── karma.conf.js
├── **node\_modules …**
├── package.json
├── protractor.conf.js
├── **src …**
└── tslint.json

프로젝트에 대한 서비스 제공


기본적으로 로컬 서버는 http://localhost:4200 에서 실행됩니다.또한 항목의 변경 사항을 모니터링하고 페이지를 자동으로 새로 고칩니다.프로젝트 디렉토리에서 이 명령을 실행하려면 다음과 같이 하십시오.
$ ng serve

생성


nggenerate를 사용하여 프로젝트에 유용한 것을 생성합니다. 예를 들어 구성 요소, 파이프라인, 파이프라인, 서비스와 명령입니다.예를 들어, 어셈블리를 생성하는 방법은 다음과 같습니다.
$ ng generate component path/component-name

테스트 실행


마지막으로 ng 테스트를 사용하여 테스트를 실행합니다.
$ ng test