
Angular CLI를 사용하여 Angular 시작 및 실행
2022-06-01 last update
4 minutes reading Angular모든 각도 항목은 많은 활동 부품과 관련된다. Angular CLI (명령줄 인터페이스) 는 프로젝트를 쉽게 시작하고 구성 요소, 루트 또는 서비스를 생성하며 프로젝트에 서비스를 제공하고 테스트를 실행할 수 있는 새로운 도구이다.
이 글은 각도 2와 이상을 포괄하였다.
첫 번째 단계는 npm에서 설치하는 것입니다.
먼저 터미널을 사용하여 프로젝트의 상위 디렉토리가 될 디렉토리로 이동한 다음 다음 명령을 실행합니다.
기본적으로 로컬 서버는 http://localhost:4200 에서 실행됩니다.또한 항목의 변경 사항을 모니터링하고 페이지를 자동으로 새로 고칩니다.프로젝트 디렉토리에서 이 명령을 실행하려면 다음과 같이 하십시오.
nggenerate를 사용하여 프로젝트에 유용한 것을 생성합니다. 예를 들어 구성 요소, 파이프라인, 파이프라인, 서비스와 명령입니다.예를 들어, 어셈블리를 생성하는 방법은 다음과 같습니다.
마지막으로 ng 테스트를 사용하여 테스트를 실행합니다.
이 글은 각도 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