[Vue.js] vue cli 프로젝트 시작하기

프로젝트 시작하기

우선 vue cli를 설치해준다.

$ npm install -g @vue/cli

우리는 웹팩을 이용하여 프로젝트를 생성하지 않는다. 따라서 그냥 create문으로 프로젝트를 생성한다.

$ vue create [project-name]

나의 경우 vue create test로 간단한 예제 파일을 만들었다.

(추가) 현재 폴더에 프로젝트를 생성해야 할 때도 있다. 이럴 경우 $ vue create .으로 프로젝트를 생성하면 현재 폴더에 생성된다고 한다.

큰 문제가 있는 건지는 모르겠지만, 처음 create할 때 default설정으로 선택할 것인지, 내가 선택할 것인지를 물어본다.
나는 처음에 default를 선택했다가 한참 헤맸던 기억이 있다.
router는 따로 폴더 생성을 자동으로 해주지는 않는다고 했다. 어쨌든 router와 vuex, vuetify의 사용을 위해 둘 다 설치해준다.
(나중에 알았지만, 처음 기능 선택시 router와 vuex를 선택할 수 있었다..^^;)

$ npm i vue-router --save
$ npm install vuex --save
$ vue add vuetify