Vue.js 설치 및 실행하기

Vue.js는 2버전과 3버전으로 현재 나뉘고 있다.

2버전과 3버전으로 설치시 명령어가 다르다. 

리액트에 create-react-app이 있다면, 뷰에는 Vue-cli가 있다. 

1. 설치방법

npm i -g @vue/cli // vue-cli 3.x
npm i -g vue-cli // vue-cli 2.x

2. 프로젝트 생성

vue create '프로젝트 명' // vue-cli 3.X
vue init webpack '프로젝트 명' // vue-cli 2.X

3. 2버전을 설치하였다면, 프로젝트를 생성한 후 npm install를 실행해서 node_modules를 깔아주어야 하고, 3버전은 프로젝트생성시 자동으로 설치 된다.

4. 웹팩 설정파일

   2버전은 노출이 되어있고, 3버전은 노출이 안되어있다.

   2버전 웹펙은 vue init webpack종류명 으로 설정할 수 있다. (webpack, webpack-simple etc)

 

참고자료 : https://velog.io/@skyepodium/Vue-CLI-3.X-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0