Vue 3 boilerplate - Vite, Pinia, Vue Router & Tailwind CSS

This boilerplate was created as part of my custom Vue 3 boilerpalte tutorial. It will help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Support & collaboration

Dependencies

• nodejs ^14.18.0

Stack

• Vue
• Pinia
• Vue Router
• Tailwind CSS
• eslint
• prettier
• cssnano

Install

npm i @richardev/vue3-boilerplate

or

git clone https://github.com/richardevcom/vue3-boilerplate.git

then

cd vue3-boilerplate
npm install

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + Tailwind CSS Intellisense.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint