This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
vue-cli-plugin-vuetify with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
A Vue CLI 3 Plugin for installing Vuetify
If you haven't yet installed vue-cli 3, first follow the install instructions here: https://github.com/vuejs/vue-cli
Tip: If you don't want to overwrite your current vue-cli because you still need
vue init, then try this.
Generate a project using vue-cli 3.0:
vue create my-app
Before installing the vuetify plugin, make sure to commit or stash your changes in case you need to revert the changes.
To install the vuetify plugin simply navigate to your application folder and add Vuetify.
cd my-app vue add vuetify
If you run into any issues, reach out to us in our Discord Community server.
Here are some extra steps for setting up the old templates but using plugins from the new ecosystem.
# preset: default (babel, eslint) vue add nuxt-starter-template
Just add vue-cli-plugin-electron-builder
vue add electron-builder vue add vuetify yarn electron:serve
If you already made a project with the PWA option selected, then just adding like above should do it.
Use the Cordova plugin.
npm install -g cordova # If cordova is not already installed vue add cordova npm run cordova-serve-android # Development Android npm run cordova-build-android # Build Android npm run cordova-serve-ios # Development IOS npm run cordova-build-ios # Build IOS npm run cordova-serve-browser # Development Browser npm run cordova-build-browser # Build Browser
Use the Capacitor plugin.
vue add @nklayman/capacitor yarn capacitor:serve
Note: you may also want to hide to splashcreen when your app is ready to make your app load faster. See the plugin installation docs for instructions.
Vuetify is an open source MIT project that has been made possible due to the generous contributions by community backers. If you are interested in supporting this project, please consider:
Copyright (c) 2016-present Vuetify LLC