Mac 에서 AngularJS 세팅하기

안녕하세요 오늘은 Mac에서 AngularJS를 세팅해보겠습니다.

저는 IntelliJ IDE를 사용하고있어서 intelliJ로 세팅하는법을 알려드릴께요

 

1. https://nodejs.org/en/ 여기에 들어가서  nodejs 를 다운 받습니다.

 

터미널에서 node--version 하면 버전 정보가 나올거에요 

➜  node --version
v10.16.0

 

2. 터미널로 angular cli 를 설치합니다.

npm install -g@angular/cli@latest
npm install --save-dev @angular/cli@latest

 

Angular CLI는 Angular 프로젝트 생성,빌드 테스트를 도와줍니다. 

Angular CLI 로 프로젝트를 생성하면 각각 따로 설정해줘야하는 polyFill, tsConfig, typings, karma 등등 각종 의존성등을 설정해줍니다.

NodeJs를 처음 접하면 온갖 의존성 관리에 좌절하기 마련인데, 이러한 문제를 

Angular CLI는 가장 최적화된 상태로 프로젝트를 생성함으로써 진입 문턱을 낮춰줍니다.

 

이밖에 쉽게 테스트할 수 있는 로컬 서버과 테스트까지 제공해주니 각각 따로 세팅하는것 보다 Angular CLI 사용하는것을 추천!!.

 

3. IntelliJ에 AngularJS 플러그인을 설치합니다.

 

4. 프로젝트 생성합니다.

File -> New -> Project -> Static Web 을 보면 Angular CLI 후 Next를 클릭하여 생성합니다.

 

5. 위의 사진에 npm - start 를 누르고 localhost:4200을 실행하면 작동하는 것을 볼 수 있습니다.