윈도우10에 Angular 개발환경을 설치하는 방법

Updated: May 02, 2020

윈도우10에 Angular 개발환경을 설치하는 방법

Node 설치
- Node.js 웹 사이트 (https://nodejs.org/en/)를 방문하십시오.
- 최신 ‘LTS’ 버전 Node 설치파일을 다운로드 받으십시오.
- 다운로드한 설치파일 (예. node-v12.16.3-x64.msi’)을 실행하십시오.
Welcome to the Node.js Setup Wizard
- ‘Next’ 버튼을 클릭하십시오.
End-User License Agreement
- ‘I accept the terms in the License Agreement’ 체크박스를 체크하십시오.
- ‘Next’ 버튼을 클릭하십시오.
Destination Folder
- Node.js를 설치할 폴더를 확인하십시오.
- ‘Next’ 버튼을 클릭하십시오.
Custom Setup
- ‘Next’ 버튼을 클릭하십시오.
Tools for Native Modules
- ‘Automatically install the necessary tools. …’ 체크박스를 체크하십시오.
- ‘Next’ 버튼을 클릭하십시오.
Ready to install Node.js
- ‘Install’ 버튼을 클릭하십시오.
Installing Node.js
Completed the Node.js Setup Wizard
- ‘Finish’ 버튼을 클릭하십시오.
Install Additional Tools for Node.js
- ‘명령 프롬프트’ 창이 실행된다.
- 명령 프롬프트에서 ‘Enter’키를 누르십시오.
Administrator: Windows PowerShell
- ‘윈도우 파워셸’ 창이 실행된다.
- 추가 도구들이 설치된다.
- After installing tools, press ‘Enter’ key in the Windows PowerShell.
- *Windows PowerShell window closes.
NPM (Node Package Manager)가 제대로 설치되었는지 확인하십시오.
- ‘명령 프롬프트’를 실행하십시오.
- 명령 프롬프트에서 ‘node -v’를 입력하십시오. 설치된 ‘Node’의 version을 확인할 수 있습니다.
```
C:>node -v
v12.16.3
C:>
```
- 명령 프롬프트에서 ‘npm -v’를 입력하십시오. 설치된 ‘NPM’의 version을 확인할 수 있습니다.
```
C:>npm -v
6.14.4
C:>
```
Angular CLI를 설치하십시오.
- ‘명령 프롬프트’를 실행하십시오.
- 명령 프롬프트에서 ‘npm install -g @angular/cli’를 입력하십시오.
```
C:\>npm install -g @angular/cli
```
작업폴더와 초기 앱을 생성하십시오.
- ‘명령 프롬프트’를 실행하십시오.
- Angular 앱을 만들길 원하는 디렉터리로 이동하십시오.
- 디렉터리가 존재하지 않는다면, 디렉터리를 만들 수 있습니다.
```
C:\>mkdir angular_dir
C:\>cd angular_dir
C:\angular_dir>
```
- 명령 프롬프트에서 ‘ng new my-angular-app’를 입력하십시오.
  - ‘my-angular-app’디렉터리는 생성될 것입니다.
    C:\angular_dir>ng new my-angular-app
Angular 앱을 실행하십시도.
- 생성된 디렉터리로 이동합니다.
- 명령 프롬프트에서 ‘cd my-angular-app’를 입력하십시오.
```
C:\angular_dir>cd my-angular-app
C:\angular_dir\my-angular-app>
```
- 명령 프롬프트에서 ‘ng serve –open’를 입력하십시오.
```
C:\angular_dir\my-angular-app>ng serve --open
```
- 그러면, 웹브라우저에서 Angular 앱을 볼 수 있습니다.