윈도우10에 Angualr 설치하기(AngularJS아님. Node.js설치포함)

Angular 개발 환경을 구축하면서 작성함.

AngularJS와는 호환이 안되므로...AngularJS 개발자는 이 글이 도움이 안됨.

 

1. Node.js 설치

https://nodejs.org/ko/download/

 

최신버전 설치하면 됨.

현재 node-v16.14.0-x64.msi 설치함

 

설치단계에서 

Tools for Native Modules 에서 주의할게 있음.

Automatically install the necessarry tools 항목에 체크를 할 것.

 

설치가 완료되면, 

윈도우 cmd 창에으로...Install Additional Tools for Node.js

화면이 뜬다.  단순히 Enter 키를 눌러줌.

 

긴~~ 시간이 흐르고 설치가 완료되면...cmd 창에서 버전 확인하기

node -v  => v16.14.0 출력됨

npm -v   => 8.3.1 출력됨

 

참고) npm 8.5.0 으로 업그레이드

npm install -g npm@8.5.0

 

2. AngularJS 설치하기

npm install -g @angular/cli

 

시간이 좀 걸림...(노트북 사양에 따라 다를 수 있음.

 

3. 샘플 프로젝트 생성

프로젝트를 생성하고픈 위치를 정한후...cmd 창에서 

mkdir myangapp

cd myangapp

ng new myangapp => 프로젝트 생성...오래 걸림

cd myangapp

ng server --open ==> 앱실행....오래 걸림

 

4. 확인

웹브라우저 주소창에

http://localhost:4200/

 

화면이 뜨면 성공.