Vue 프로젝트 생성하기(vue-cli 이용)

 

CLI 2.x vs CLI 3.x

 

- 명령어 

 -2.x : vue init '프로젝트 템플릿 이름' '프로젝트 폴더 위치'

 -3.x : vue create '프로젝트 이름'

- 웹팩 설정 파일

 - 2.x : 노출 O

 - 3.x : 노출 X

 

- 프로젝트 구성

 - 2.x : 깃헙의 템플릿 다운로드

 - 3.x :  플러그인 기반으로 기능 추가

 

- ES6 이해도

 - 2.x : 필요 X

 - 3.x : 필요 O

 

아래와 같이 터미널에서 입력을 하면 Vue 프로젝트가 생성된다.

 

이때 npm을 사용하면 npm run serve 명령어를 이용하면 되고, yarn을 사용하면 yarn serve 명령어를 이용하면된다.

아래와 같이 vue-cli  프로젝트 폴더가 만들어 진다.