Angular CLI 사용 튜 토리 얼 가이드 참조 소결
Angular CLI 를 설치 하려 면 node 와 npm 를 설치 한 다음 최신 Angular CLI 를 설치 하기 위해 다음 명령 을 실행 해 야 합 니 다.
메모:Angular CLI 는 Node 4.X 와 NPM 3.X 이상 의 버 전 지원 이 필요 합 니 다.
npm install -g angular-cli
sudo npm install -g angular-cliAngular CLI 의 help 명령 을 통 해 명령 정 보 를 얻 을 수 있 습 니 다.
ng help
Angular CLI 명령 키 워드 는 ng 입 니 다.
ng new
명령 하 다.
묘사 하 다.
ng new
새 Angular 프로젝트 를 만 듭 니 다.기본 값 은 현재 디 렉 터 리 에 있 습 니 다.
매개 변수
묘사 하 다.
--dry-run -d
만 들 파일 과 실행 할 동작 만 출력 합 니 다.실제로 항목 을 만 들 지 않 았 습 니 다.
--verbose -v
상세 정보 출력
--skip-npm
프로젝트 를 처음 만 들 때 npm 명령 을 실행 하지 않 습 니 다.
--name
생 성 항목 의 이름 을 지정 합 니 다.
ng serve
ng new PROJECT_NAME
cd PROJECT_NAME
ng serveIP,포트,실시 간 재 부팅 포트 번 호 를 사용자 정의 로 설정 할 수 있 습 니 다.
ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153명령 하 다.
묘사 하 다.
ng init
현재 있 는 디 렉 터 리 에서 새 Angular 항목 을 초기 화 합 니 다.
매개 변수
묘사 하 다.
--dry-run -d
만 들 파일 과 실행 할 동작 만 출력 합 니 다.실제로 항목 을 만 들 지 않 았 습 니 다.
--verbose -v
상세 정보 출력
--skip-npm
프로젝트 를 처음 만 들 때 npm 명령 을 실행 하지 않 습 니 다.
--name
생 성 항목 의 이름 을 지정 합 니 다.
ng completion
명령 하 다.
묘사 하 다.
ng completion
자동 완성 기능 을 ng 명령 의 셸 에 추가 합 니 다.
ng doc
명령 하 다.
묘사 하 다.
ng doc
브 라 우 저 에서 Angular 문 서 를 열 고 현재 키 워드 를 검색 합 니 다.
ng e2e
명령 하 다.
묘사 하 다.
ng e2e
protractor 를 사용 하여 현재 응용 프로그램 에서 e2e 테스트 를 실행 합 니 다.
ng format
명령 하 다.
묘사 하 다.
ng format
현재 항목 코드 를 clang-format 로 포맷 합 니 다.
ng generate
명령 하 다.
묘사 하 다.
ng generate
프로젝트 에 새 코드 구축
ng g
약자
지원 하 는 형식
사용법
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 가 단독으로 지정 하지 않 는 한 자체 디 렉 터 리 를 사용 합 니 다.
매개 변수
묘사 하 다.
--flat
자체 디 렉 터 리 에 코드 를 만 들 지 않 습 니 다.
--route=
부모 루트 를 지정 합 니 다.구성 요소 와 루트 만 생 성 합 니 다.기본적으로 지정 한 경로 입 니 다.
--skip-router-generation
생 성 부모 경로 설정 건 너 뛰 기.경로 명령 에 만 사용 할 수 있 습 니 다.
--default
기본 경로 로 지정 합 니 다.
--lazy
지정 한 경로 가 지연 되 었 다.기본 값 은 true 입 니 다.
ng get
명령 하 다.
묘사 하 다.
ng get
Angular CLI 설정 에서 값 가 져 오기
pathN 은"users[1].userName"과 같은 유효한 JavaScript 매개 변수 경로 입 니 다.이 값 을 설정 하지 않 으 면"undefined"가 표 시 됩 니 다.이 명령 은 기본적으로 프로젝트 디 렉 터 리 에서 만 작 동 합 니 다.
매개 변수
묘사 하 다.
--global
로 컬 설정 값 대신 전역 설정 값 을 되 돌려 줍 니 다.이 옵션 을 사용 하면 명령 을 프로젝트 디 렉 터 리 밖에서 작업 할 수 있 습 니 다.
ng set
명령 하 다.
묘사 하 다.
ng get
Angular CLI 설정 에 값 설정
기본 적 인 상황 에서 프로젝트 내부 에서 실행 되면 프로젝트 설정 의 값 을 설정 하고 프로젝트 내부 에 없 으 면 실패 합 니 다.pathN 인 자 는"users[1].userName"과 같은 유효한 JavaScript 경로 입 니 다.이 값 은 올 바른 형식 으로 강제 변환 되 거나 형식 이 강제 되 지 않 으 면 오류 가 발생 합 니 다.
매개 변수
묘사 하 다.
--global
로 컬 설정 값 이 아 닌 전역 설정 값 을 설정 합 니 다.이것 또한 ng set 로 하여 금 프로젝트 밖에서 일 할 수 있 게 한다.
ng build
구축 부품 은/dist 디 렉 터 리 에 저 장 됩 니 다.
ng build 는 구축 목표(--target=production 또는--target=development)와 이 구축 과 함께 사용 할 환경 파일(--environment=dev 또는--environment=prod)을 지정 할 수 있 습 니 다.기본 적 인 상황 에서 개발 로 목표 와 환경 을 구축 합 니 다.
#
ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod
#
ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build
명령 하 다.
묘사 하 다.
ng github-pages:deploy [options]
생산 애플 리 케 이 션 을 구축 하고 GitHub 저장 소 를 설정 한 다음 애플 리 케 이 션 을 발표 합 니 다.
매개 변수
묘사 하 다.
--message=
정 보 를 구축 하고 제출 합 니 다.기본 값 은"new gh-pages version"입 니 다.
--environment=
angular 환경 구축.기본 값"production"
--branch=
페이지 의 git 지점 을 푸 시 합 니 다.기본 값'gh-branch'
--skip-build
발표 하기 전에 빌 드 프로젝트 건 너 뛰 기
--gh-token=
배치 에 사용 할 API 토 큰 이 필요 합 니 다.
--gh-username=
사용 하 는 Github 사용자 이름,필수.
ng lint
명령 하 다.
묘사 하 다.
ng lint
프로젝트 에서 codelyzer linter 실행
ng test
명령 하 다.
묘사 하 다.
ng test [options]
쓰다 karma 실행 단위 테스트
매개 변수
묘사 하 다.
--watch
테스트 를 계속 실행 합 니 다.기본 값 은 true 입 니 다.
--browsers, --colors, --reporters, --port, --log-level
이 매개 변 수 는 카 르 마 에 게 직접 전달 된다.
ng version
명령 하 다.
묘사 하 다.
ng version
cli 버 전,node 버 전,운영 체제 정 보 를 출력 합 니 다.
매개 변수
묘사 하 다.
--watch
테스트 를 계속 실행 합 니 다.기본 값 은 true 입 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
연말이므로 웹 앱을 만들었습니다.minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
