Angular CLI 설치 및 사용 강좌
Angular 버 전에 대해 Angular 공식 은 Angular 1.x 와 같은 Angular JS 라 고 통일 적 으로 명명 했다.Angular 2.x 및 이상 을 Angular 라 고 통칭 한다.
CLI 는 Command Line Interface 의 약자 로 명령 행 인터페이스 로 자동화 개발 절 차 를 실현 한다.예 를 들 어 ionic cli,vue cli 등 이다.테스트,포장,발표 등 프로젝트 를 만 들 고 파일 을 추가 하 며 많은 개발 작업 을 수행 할 수 있 습 니 다.
Angular CLI 설치
1.우선 node.js 와 npm 설치 확인
// node npm
$ node -v
$ npm -v
// node 6.9.3 npm 3.0.0
2.전역 에 typescript 설치(선택 가능)
$ npm install -g typescript
// typescript( ) 。
3.Angular CLI 설치
$ npm install -g @angular/cli
길지 않 은 기다 림 끝 에 당신 의 Angular CLI 가 장 착 되 었 습 니 다.확인 해 보 세 요:
$ ng v
// , uninstall ,
$ ng v
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
@angular/cli: 1.1.1
node: 7.10.0
os: darwin x64
새 각도 항목
$ ng new my-app
이곳 은 오래 기 다 려 야 합 니 다.대략 141 M 의 물건 을 다운로드 해 야 합 니 다.프로젝트 폴 더 를 만 들 었 다 면 ng init my-app 을 사용 하여 새 프로젝트 를 만 들 수 있 습 니 다.ng init 와 ng new 의 차 이 는 ng new 가 프로젝트 이름과 같은 폴 더 를 만 드 는 것 입 니 다.
다운로드 할 때 ng new 를 실행 한 후에 Angular cli 가 무엇 을 도 왔 는 지 살 펴 보 세 요.
$ ng new helloKeriy
installing ng
create .editorconfig
create README.md
create src/app/app.component.css // HTML 、CSS AppComponent 。 , 。
create src/app/app.component.html
create src/app/app.component.spec.ts
create src/app/app.component.ts // AppModule, Angular
create src/app/app.module.ts
create src/assets/.gitkeep // , , 。
create src/environments/environment.prod.ts
create src/environments/environment.ts
create src/favicon.ico // 。 。
create src/index.html //
create src/main.ts
create src/polyfills.ts
create src/styles.css //
create src/test.ts //
create src/tsconfig.app.json
create src/tsconfig.spec.json
create src/typings.d.ts
create .angular-cli.json // Anguar
create e2e/app.e2e-spec.ts // e2e
create e2e/app.po.ts
create e2e/tsconfig.e2e.json
create .gitignore
create karma.conf.js
create package.json // Angular
create protractor.conf.js
create tsconfig.json // TypeScript
create tslint.json
Successfully initialized git.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Project 'helloKeriy' successfully created.
타 오 바 오 미 러 설치 강력 추천:
$ ng new helloKeriy --skip-install // npm
$ cd helloKeriy
$ cnpm install //
성과 전시설치 가 완료 되면 프로젝트 를 시작 할 수 있 습 니 다:
cd helloKeriy
ng serve -open
ng serve 명령 은 개발 서버 를 시작 하여 파일 변 화 를 감청 하고 이 파일 을 수정 할 때 이 응용 프로그램 을 다시 구축 합 니 다.--open(또는 o)인 자 를 사용 하면 브 라 우 저 를 자동 으로 열 고 접근 할 수 있 습 니 다.http://localhost:4200/。
다음 에 당신 은 볼 수 있 습 니 다:
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
연말이므로 웹 앱을 만들었습니다.minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.