[nuxtjs] vuejs 패키지 설치하기

https://www.youtube.com/watch?v=vVVgB5fZJy0 를 보고 vuetify.js를 설치하는 법을 알수 있었다.

vuetify.js 공식홈페이지에서의 가이드를 따라하면 index.js나 main.js에 

import Vue from 'vue'
import Vuetify from 'vuetify'
 
Vue.use(Vuetify)

이렇게 설치하라고 하는데 index.js파일은 .nuxt폴더 안에 있고 자동으로 수정된 내용이 복구가 되는 것 같았다.

모듈을 설치할때는 그냥 vuejs에서 하는 것과 다르게 nuxt.config.js에서 설정을 해야한다.

1. plugins:['~plugins/인덱스js에 추가할 js 파일 ex) vuetify.js'] 추가

2. css: ['~assets/app.styl']

3. plugins 폴더에 vuetify.js에 

import Vue from 'vue'
import Vuetify from 'vuetify'
 
Vue.use(Vuetify)

를 추가

4. npm install --save-dev stylus stylus-loader

5. ~assets/app.styl 파일에 

공식홈페이지에 나온데로 

// main.styl
@import '~vuetify/src/stylus/main'

를 추가한다.

6. 헤더에 폰트 추가nuxt.config.js 파일안 link에 rel: 'stylesheet', href:'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'}