양이의 기술블로그

VUE.JS

vue 설치 방법은 여러가지가 있다.

CDN 을 추가 하여 사용하는 방법과 CLI 로 설치하는 방법이 있다. 

이번에는 CLI로  설치하는 방법을 리뷰! 

CLI 로 설치하려면 node 패키지인 nmp 이 선행으로 설치되어야 한다. 

CLI 로 설치시 프로젝트 템플릿이 4가지가 있다.

그중 webpack 템플릿 프로젝트를 생성하였다. 

#nmp 설치 또는 최신 업데이트

$ npm install 

#vue - cli  설치

$ npm install --global vue-cli

#webpack 템플릿을 이용한 프로젝트 생성

$ vue init webpack my-project 

# 의존성을 설치후 실행한다. eslint, router 등등 설정값 (저는 모두 추가함) 

$ cd my-project

$ npm install

#개발환경에서는 dev 로 실행시킨다. 실환경에선 build 로 하면된다.

$ npm run dev

실행하면 포트번호가 자동으로 설정되어 my-project 실행되며 샘플 vue 페이지가 나오게 된다.

이렇게 webpack 프로젝트 생성은 끝 !