Vite + Vue + Typescript + Tailwind

Starter template for Vite with Vue 3, TypeScript and Tailwindcss. Also ESLint, Stylelint Prettier, Husky and Lint Staged

Features

• Vue 3, Vite 2, pnpm
• Typescript
• Vue Router v4
• Tailwind CSS
• State Management via Pinia
• Components Auto Importing
• File Based Routing
• Layout System
• I18n Ready

Plugins

• Vue Router
• Pinia
• unplugin-vue-components
• unplugin-icons
• Vue I18n
• VueUse
• axios
• vite-plugin-pages
• vite-plugin-vue-layouts
• vite-plugin-vue-i18n

Coding Style

• Eslint
• Prettier
• Stylelint
• Husky
• lint-staged

Recommended IDE Setup

• VSCode
• Volar
• i18n Ally
• Eslint
• Stylelint
• Prettier

Try It now!

Clone to local

git clone https://github.com/axelreinno/vite-vue-typescript-tailwind.git my-vite-app
cd my-vite-app
pnpm i

Usage

Development

Just run and visit http://localhost:3000

make dev

Build

To build the App, run

make build

And you will see the generated file in dist that ready to be served.