[Django Tutorial] Blog 만들기 (8)

Vue-Django 연동원리

1. vue-cli 시작하기

 

환경

Nodejs : v14.15.5

npm : v6.14.11

vue-cli : v4.5.12 // 버전 업데이트 명령: npm update @vue/cli --global

yarn: v1.22.5

 

vue 프로젝트 생성

vue create frontend: 파일명 frontend 로 vue 프로젝트 생성* 초기설정은 default로 하였다.

 

개발용 웹서버 실행

npm run serve(yarn을 설치해두어서 yarn을 쓸 것임.)

 

* 터미널 창 누르고 ctrl+c 하면 작업 끝낼 수 있음.

 

vuetify 라이브러리 설치

: vue add vuetify

옵션: defaultsrc를 확인해보면 vuetify.js를 plugins에서 확인할 수 있다.