Angular CLI 설치 및 사용 강좌

3651 단어 AngularCLI
배경 설명
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/。
다음 에 당신 은 볼 수 있 습 니 다:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기