Vue.js 입문 - npm과 vue 설치하기

Vue.js란?

vue js란, 유라는 사람이 만들 단일 웹 프레임워크이다. 가상 DOM방식을 이용하는데 브라우저가 동적 변경사항이 생기면 가상 DOM부분만 처리하면 되니까 부하가 적어진다고 한다.

 

Vue.js 개발 환경 세팅하기

MacOS나 Linux환경에서 개발하면 좋겠지만 지금 현재 개발하고 있는 환경은 Windows 10 운영체제이므로, Windows 기준으로 설명하겠다.

 

먼저, Node.js를 설치해야한다. 왜냐면 npm(node package manager)을 이용해 vue를 설치할 예정이기 때문이다.

node.js는 다음 홈페이지에서 다운로드 받을 수 있다. 자신의 운영체제에 맞게 LTS버젼을 설치해주자.

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

다운로드 | Node.js

설치 후, PATH도 알아서 등록되었을거다. 이제 cmd창을 열어 다음 명령어를 실행시켜주자

 

npm install vue

npm install -g vue-cli

vue-cli까지 설치하는 이유는 vue.js 프로그램의 빠른 시작과 구현을 위해 빌드 설정이 포함된 프로젝트를 생성하기 위해서라고 한다. 그리고 에러나 버그가 나도 빠르게 찾을 수 있는 lint-on-save기능도 제공한다고 한다.