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 3.2
• Pinia 2.0
• Router 4.1
• Tailwind CSS 3.1
• eslint 8.5
• prettier 2.5

Additionally I added vite-svg-loader for easier SVG imports.

Install

npm i @richardev/vue3-boilerplate

or

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

then

cd vue3-boilerplate
npm install

Run / Develop

npm run dev

Build

npm run build

Preview

npm run preview

Lint

npm run lint