Vuetify

Vuetify

Vuetify

Vue.js전용 CSS/JavaScript 프레임워크이다.

프로젝트 생성

  1. Vue Cli install(가장 쉬운 방법 - 프로젝트를 생성하면서 함께 install)
vue create my-project
vue add vuetify
yarn serve
또는
$ npm run serve
  1. CDN을 이용한 설치
  2. 기존 어플리케이션에서의 설치
    $ npm install vuetify --save
    
    $ yarn add vuetify
    
    main.js에 import
    import Vue from 'vue'
    import Vuetify from 'vuetify'
    
    Vue.use(Vuetify)
    
    index.html 에서 include
    // index.js or main.js
    import 'vuetify/dist/vuetify.min.css' // Ensure you  are using css-loader
    
    // main.styl
    @import '~vuetify/src/stylus/main' // Ensure you are using stylus-loader
    
    <head>
      <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
    </head>
    

참고 사이트

Vuetify

댓글

가장 많이 본 글