6. Node 프로젝트 가계부 만들기 (Vue, 라이브러리 설치)

npm i axios

Vue2와 Vue-cli 이용해서 프로젝트를 제작한다.

 

1. Vue-cli를 설치한다.

npm i -g @vue/cli

 

2. Vue-cli를 사용하여 프로젝트 생성 

ex) vue create test-vue

vue create <project-name>

 

Vue2 Default 로 설정 하고 엔터를 입력하면 자동으로 프로젝트가 생성된다.

Vue2 Default

 

3. 필요한 라이브러리들을 설치 해 준다.

프로젝트 디렉토리로 이동하여 axios, vuex, dayjs, vue-router, vuex-persistedstate를 설치한다.

npm i axios vuex dayjs vue-router vuex-persistedstate

axios : 백엔드 서버와 통신하기위한 라이브러리

vuex : 데이터를 중앙에서 관리하는 저장소

dayjs : 날짜 라이브러리

vue-router : 페이지 이동을 위한 라이브러리

vuex-persistedstate : 새로고침 시 데이터를 session store같은곳에 저장 하여 데이터 증발을 막는 라이브러리

 

디자인 적용을 쉽게 vuetify를 설치 해준다.

vue add vuetify

Default으로 설치 한다.