Angular 시작하기(필요모듈 설치, 프로젝트생성/실행)

Angular2 시작하기

필요사항 요약

• Node.js
  • 윈도우 설치하러가기
  • 맥 $ brew install node
• NPM : Node.js 설치하면 있음
• typescript : $ npm install -g typescript
• angualr_cli : $ npm i @angular/cli -g

확인하기

Nodejs
$ node 입력 시, 화면출력

NPM
$ npm 입력 시, 화면출력

typescript
$ tsc --version 입력 시, 버전출력

angular_cli
$ ng --version 입력 시, 버전출력

---

본격적 시작!!

프로젝트 생성하기

$ ng new "APP_NAME"

생성되는 설정파일 및 폴더 설명

파일 및 폴더	설명
e2e 폴더	End-to-End, protractor라는 툴을 사용하여 브라우저를 실제로 띄워서 App을 통합 테스트할 테스트코드가 들어있음.
src 폴더	실제 App에 필요한 소스가 있음.
.angular-cli.json	angular-cli에서 사용할 설정 정보가 있는 파일.
karma.conf.js	Karma라는 유닛테스트 설정 파일
protractor.conf.js	e2e폴더에 선언된 통합 테스트를 실행하기 위한 protractor의 설정파일
tslint.json	타입스크립트용 문법체크 설정파일
tsconfig.json	타입스크립트 컴파일 설정파일
src/typings.d.ts	타입스크립트에서 사용할 타입 선언 정보 파일.

프로젝트 실행

$ ng serve

webpack: Compiled successfully. 메시지가 뜨면, localhost:4200에 접속.

만약, package was not properly installed. 에러가 난다면??

$ ng new로 프로젝트 생성 시에, hello란 단어를 빼고 해보시라(확실치는 않음)