Vue-Cli로 Vue.js 프로젝트 생성하기

vue-cli 는 vue에서 제공해주는 터미널용 설치 관리 도구이다. node와 npm 설치를 하고 vue-cli를 설치할 수 있다.

vue-cli 설치 

install vue-cli -global

 

vue-cli 도구로 vue 프로토타입 프로젝트를 쉽게 만들 수 있다. 프로젝트를 생성할 경로로 가서 터미널 창으로 해당 명령어를 입력하면 프로토타입 vue 프로젝트가 생성된다.

vue init webpack-simple

vue init webpack-simple 명령어는 웹팩 최소 기능을 활용하여 프로젝트를 구성해주며 빠른 화면의 프로토타이핑용이다.

npm install

프로젝트를 만들고 npm install 명령어를 이용하여 npm 관련 라이브러리를 받아야한다.

 이렇게 모두 설치가 끝나면 관련 폴더와 파일들이 기본적으로 만들어진다. webpack.config.js, .babelrc 등의 파일이 webpack으로 설치가 된 걸 확인 할 수 있다. 

 

npm run dev

 개발 서버를 기동하면 localhost:8080 브라우저로 vue기본 페이지를 확인할 수 있다.