[vue2] vuetify 기본 구성

들어가기

vuetify는 vue.js에서 사용하는 대표적인 UI 컴포넌트 프레임워크 중에 하나이다. 라이센스는 MIT license이다.

작성자: ospace114@empal.com, http://ospace.tistory.com/

설치

yarn add vuetify
yarn add sass@~1.32 sass-loader deepmerge -D

plugin

src 밑에 plugins 폴더에 vuetify.js 파일 생성한다. plugins 폴더가 없다면 새로만들면 된다.

import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';
// import 'vuetify/dist/vuetify.min.css';

Vue.use(Vuetify);

export default new Vuetify({});

전역 로딩

main.js에 생성한 plugin을 로딩한다.

import vuetify from '@/plugins/vuetify';

new Vue({
    //...(중략)
    vuetify,
}).$mount('#app');

참고

[1] https://vuetifyjs.com/en/getting-started/installation/#webpack-install
[2] https://github.com/vuetifyjs/vuetify