2020. 6. 9. 16:42

vue create 프로젝트와 vue init webpack 프로젝트의 차이점

프로젝트를 생성할 때 2.x 버전에서는 eslint, unit test, night watch 등 여러가지의 것들에 대해 선택을 해야했지만 3.x에 와서는 default(bable, eslint)를 선택하면 가장 기본적인 설정으로 프로젝트 설정이 가능합니다.

vue create와 vue init webpack의 차이점은 이런 2버전대와 3버전대의 명령어 차이와 함께 이런 기본적인 설정들의 차이로 알아두시면 될 것 같습니다.

2버전과 3버전의 차이점이 곧 create와 init 명령어의 차이인 것을 알 수가 있습니다. 그럼 cli2와 cli3의 차이점을 알아볼까요?

vue-cli 3.x와 vue-cli 2.x의 차이점

  • 2버전대의 cli는 웹팩 설정 파일이 노출되고 3버전대의 cli에서는 설정 파일이 노출되지 않습니다.
  • 2버전대는 github의 템프릿 다운로드로 프로젝트를 구성하고 3버전대는 플러그인 기반으로 기능을 추가합니다.
  • 2버전대는 ES6의 이해도가 필요없으나 3버전대부터는 es6의 이해도를 필요로 합니다.

Creating a Project | Vue CLI

공식 문서에서도 vue CLI 2를 vue 3이상의 버전에 덮어써서 사용하라고 하는데 만약 vue init의 레거시 기능들을 사용하고 싶다면 @vue/cli-init을 설치한 뒤에 vue init을 사용하라고 나옵니다.