Visual Studio Code(Windows판)로 Angular+Bootstrap(그 1.설치편)

소개

Angular + Bootstrap 샘플 프로그램을 Visual Studio Code로 만들어 보자.
우선, 환경 구축.

개발 환경

Windows 10 Pro 1709(16299.192)
Visual Studio Code (Windows 버전) 1.31.1
Node.js 10.15.1
JSON Server 0.14.2
Angular CLI 7.3.1
Bootstrap 4.2.1

절차

1. Visual Studio Code(Windows용) 설치
2. Node.js 설치
3. JSON Server 설치
4. Angular CLI 설치

1. Visual Studio Code(Windows용) 설치

URL

https://code.visualstudio.com/

1. Windows용 다운로드 클릭

2. 다운로드 파일 「VSCodeUserSetup-x64-1.31.1.exe」클릭

위저드의 순서대로 진행한다.

2. Node.js 설치

URL

https://code.visualstudio.com/

1. 다운로드 버전 「10.15.1 LTS」클릭

2. 다운로드 파일 「node-v10.15.1-x64.msi」클릭

위저드의 순서대로 진행한다.

3. JSON Server 설치

터미널 열기

명령

npm install -g json-server

4. Angular CLI 설치

명령

npm install -g @angular/cli