[Vue.js 강의] 2강 Vue 개발환경 구성

Vue 개발환경 구성

 

 

---

Visual Studio Code 설치

https://code.visualstudio.com/download 

Download Visual Studio Code - Mac, Linux, Windows

---

Node.js 설치

Node.js는 확장성 있는 네트워크 애플리케이션(서버 프로그램) 개발을 자바스크립트로 가능하도록 하는 자바스크립트 런타임 환경이다. Node.js는 크롬의 V8 엔진을 이용하여 브라우저에서 자바스크립트가 동작하듯이 서버에서 자바스크립트를 동작할 수 있도록 해주는 환경이다.

Vue 개발과 Node.js가 연관성이 없다고 생각할 수 있지만. Vue로 클라이언트 프로그램을 개발하기 위해서는 수많은 라이브러리가 필요하다. 이를 빠르게 설치하고 적용하기 위해서는 Node.js가 설치되어야 한다.

1. node.js 다운로드
https://nodejs.org/ko/download/

2. node.js 버전확인
2-1) Visual Source Code : 보기 > 터미널  
2-2) cd D:\Dev\vue\node-v12.18.2-win-x64
2-3) .\node -v

3. npm 버전확인
3-1) .\npm -v

---

 

VS Code Extension 설치

1. Vetur 설치
2. Debugger For Chrome
3. Prettier - Code formatter