- Getting Started
- Use one of the Vuetify.js Vue CLI packages (based on the official examples) to get your project started in no time. Vuetify.js supports SSR (server-side rendering), SPA (single page application), PWA (persistent web application) and standard HTML pages.
To test using Vuetify.js without installing a template from Vue CLI, include the files below into the
indexfile of your application after the Vue.js script. Vuetify will automatically install and be ready to use.
// Font library and icon pack <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css"> <script src="https://unpkg.com/vue/dist/vue.js"></script> // Vuetify.js required files <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" type="text/css"> <script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
After the vue-cli installation finishes, cd into your project directory and type npm install. Alternatively, if you are using Facebook's recently released yarn package manager, you can simply type yarn.
$ npm install vuetify --save-dev $ yarn add vuetify --dev
In your index.js, import Vuetify and apply the plugin to Vue.
import Vue from 'vue' import Vuetify from 'vuetify' Vue.use(Vuetify)
Warning: While Vuetify attempts to not cause any css collision as much as possible, there is no guarantee that your custom styles will not alter your experience when integrating this framework into your existing project.
Vuetify.js is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer.
- IE9 / IE10Not supportedclear