angular-cli

1 설치 및 사용

우선 nodejs 설치 확보.

npm i angular-cli -g 。

g-cli 의 전체 키 워드 는 ng 입 니 다.

새 프로젝트 만 들 기:ng new projectName [options].

구성 요소 만 들 기:ng g component componentName.

시작 server:ng serve,기본 포트 4200.

포장:ng build --prod,기본적으로/dist 디 렉 터 리 를 생 성하 고 포장 한 결 과 를 여기에 저장 합 니 다.

테스트:ng test,karma 운영 부 테스트 를 사용 합 니 다.

cli 버 전:ng version

오류 검출:ng lint,codelyzer linter 검출 을 실행 합 니 다.

2 명령 참조
2.1 프로젝트 생 성

  ：ng new proName [options]

매개 변수
묘사 하 다.
–dry-run -d
만 들 파일 과 실행 할 동작 만 출력 합 니 다.실제로 항목 을 만 들 지 않 았 습 니 다.
–verbose -v
상세 정보 출력
–skip-npm
프로젝트 를 처음 만 들 때 npm 명령 을 실행 하지 않 습 니 다.
–name
생 성 항목 의 이름 을 지정 합 니 다.
2.2 프로젝트 초기 화
현재 있 는 디 렉 터 리 에서 새 Angular 프로젝트 명령 을 초기 화 합 니 다:ng init proName[options]매개 변 수 는 프로젝트 를 만 드 는 것 과 같 습 니 다.
2.3 생 성 클래스
프로젝트 에 모듈,구성 요소,명령 등 코드 를 만 듭 니 다.

  ： ng generate  [options]
  ： ng g  [options]

유형
사용법
Component
ng g component my-new-component
Directive
ng g directive my-new-directive
Pipe
ng g pipe my-new-pipe
Service
ng g service my-new-service
Class
ng g class my-new-class
Interface
ng g interface my-new-interface
Enum
ng g enum my-new-enum
Module
ng g module my-module
Route
ng g route my-route 현재 사용 하지 않 음
인자:
매개 변수
묘사 하 다.
–flat
자체 디 렉 터 리 에 코드 를 만 들 지 않 습 니 다.
–route=
부모 경로 지정.구성 요소 와 경로 만 생 성 합 니 다.기본 값 은 지정 한 경로 입 니 다.
–skip-router-generation
생 성 부모 경로 설정 건 너 뛰 기.경로 명령 에 만 사용 할 수 있 습 니 다.
–default
기본 경로 로 지정 합 니 다.
–lazy
지정 한 경로 가 지연 되 었 다.기본 값 은 true 입 니 다.
2.4 cli 설정 가 져 오기/설정
설정 가 져 오기:

  ： ng get  [options]

설정 설정:

  ： ng get  [options]

options：
매개 변수
묘사 하 다.
–global
로 컬 설정 값 대신 전역 설정 값 을 되 돌려 줍 니 다.이 옵션 을 사용 하면 명령 을 프로젝트 디 렉 터 리 밖에서 작업 할 수 있 습 니 다.
2.5 테스트
karma 실행 부 테스트 명령 사용:ng test[options]
매개 변수
묘사 하 다.
–watch
테스트 를 계속 실행 합 니 다.기본 값 은 true 입 니 다.
–browsers , –colors , –reporters , –port , –log-level
이 매개 변 수 는 카 르 마 에 게 직접 전달 된다.
3 지정 한 디 렉 터 리 에 구성 요소 만 들 기 등

src 디 렉 터 리 에서 기본적으로 app 폴 더 에서 구성 요 소 를 만 듭 니 다.

하위 디 렉 터 리 에서 만 들 려 면 이 디 렉 터 리 에 먼저 cd 를 넣 고 ng g 을 실행 해 야 합 니 다.

4.sass 사용 하기
cli 에서 만 든 ng2 프로젝트 에서 sass 를 사용 하 는 것 이 편리 합 니 다.스타일 파일 의 css 접 두 사 를 scss 로 바 꾸 고 component.ts 에서 참조 하면 됩 니 다.cli 내부 에 sass-loader 가 설정 되 어 있 습 니 다.
프로젝트 의 angular-cli.json 에 설정 이 있 습 니 다:

  "defaults": {
    "styleExt": "css"
  }

여 기 는 scss 로 바 꿔 야 할 것 같 지만 저 는 바 꾸 지 않 았 습 니 다.포장,서버 시작 에 도 문제 가 없습니다.
5.angular-cli 설치 오류
오늘 사막의 NiceFish 프로젝트 를 다운로드 하고 npm i 를 시작 합 니 다.angular-cli 를 설치 할 때 오 류 를 보 고 했 습 니 다.이 프로젝트 가 제 전역 의 ng-cli 버 전과 일치 하지 않 는 것 을 발견 하고 npm 알림 을 보 냅 니 다.

npm WARN deprecated [email protected]: angular-cli has been rename

그리고 멈 췄 어 요.나 는 이 말의 뜻 을 알 아 볼 수 있 지만 어떻게 해결 해 야 할 지 모르겠다.내 ng-cli 는 이제 못 쓰 니까.그 다음 에 저 는 모든 ng-cli 의 가방 을 삭제 하고 everything 으로 모든 디 렉 터 리 의 angular 를 검색 하기 시 작 했 습 니 다.프로젝트 에 나타 난 angular-cli 를 제외 하고 보통 다음 과 같은 몇 개의 디 렉 터 리 에 나타 납 니 다.1.C:user/chengyanzhao/Appdata/Local&Roaming 2.npm 전역 패키지 경로 에서
나 는 이 몇 개의 위치의 ng-cli 내용 을 모두 삭 제 했 지만 소 용이 없 었 다.그리고 nodejs 를 마 운 트 해제 하고 다시 설 치 했 지만 여전히 유효 하지 않 았 다.
나중에 각종 자 료 를 조사 한 결과 npm 는 가방 을 설치 할 때 진 도 를 볼 수 있 음 을 발견 했다.

npm i angular-cli -g --verbose

그리고 안에 어디 에 설치 되 어 있 는 지 보 았 을 때 오류 가 발생 했 습 니 다.예 를 들 어 gyp,node-ass 등 이다.문제 가 생기 면 전역 적 으로 설치 하고 ng-cli 를 설치 합 니 다.
드디어 설치 에 성 공 했 습 니 다...마음 이 답답 하 다.
나중에 이런 문제 가 발생 하지 않도록 여기에 기록 해 두 어 라.어떻게 해결 해 야 할 지 모르겠다.