Getting Started #

Pre-requisites #

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.

Get the code #

Get the repo (free version) #

• Create new repo with this template
• … or clone justboil/admin-one-vue-tailwind repo on GitHub
• … or download .zip from GitHub

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

Install #

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

Linting #

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.

• Finds syntax errors.
• Finds the wrong use of Vue.js Directives.
• Finds the violation for Vue.js Style Guide.

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