Vue-cli 버전비교 (cli 2.X , cli 3.X이상)

 

Vue CLI 2.x 버전 vs Vue CLI 3.x 버전 이상

Vue Cli 설치 명령어

CLI 2.X

• webpack , webpack-simple, browserify, browserify-simple, simple 

npm install -g vue/cli

 

CLI 3.X

npm install -g @vue/cli

---

vue 프로젝트 생성

CLI 2.X

vue init [project_template_name] [project directory path]

 

CLI 3.X

vue create [project_name]

---

웹팩 설정파일

CLI 2.X

노출 O
show explicit, ex) webpack.config.js

 

CLI 3.X

노출 X
no show

---

라이브러리 추가

CLI 2.X

github 템플릿 다운로드

 

CLI 3.X

plugin 기반으로 기능 추가

---

실행화면

CLI 2.X

CLI 3.X

---

구분	CLI 2.X	CLI 3.X
vue 설치 명령어	npm install -g vue-cli	npm install -g @vue/cli
vue 프로젝트 생성	$ vue init [project_template_name] [project directory path] 템플릿 종류 webpack , webpack-simple, browserify, browserify-simple, simple	$ vue create [project_name]
웹팩 설정파일	노출 O show explicit, ex) webpack.config.js	노출 X no show
ES6 이해도	필요 X	필요 O
node modules	자동설치 안됨	자동설치
라이브러리 추가	github 템플릿 다운로드	plugin 기반으로 기능 추가