Skip to content

Getting Started


A build setup allows us to use Vue Single-File Components (SFCs). The official Vue build setup is based on Vite, a frontend build tool that is modern, lightweight and extremely fast.


  • Familiarity with the command line
  • Install Node.js

Get the code

Get the repo (free version)

Get purchased item (premium version)

Please follow purchase link to get premium code.

Unzip (if necessary)

Unzip archive if you've downloaded zipped version.

Vite builds

Vite is next Generation Frontend Tooling featuring unbundled web-development


cd to project's dir and run npm install

Hot-reloads for development

This command is used for development

npm run dev

Builds and minifies for production

npm run build

Serves recently built app

npm run preview


Uses official ESLint plugin for Vue.js.

This plugin allows us to check the <template> and <script> of .vue files with ESLint, as well as Vue code in .js files.

ESLint editor integrations are useful to check your code in real-time.

Lint command

npm run lint

Nuxt 3.x integration

This dashboard can be integrated with Nuxt 3.x. Check guide for more information

Laravel 9.x integration

This dashboard can be integrated with Laravel 9.x Breeze Inertia + Vue.js stack. Check guide for more information