https://github.com/kouts/vue3-ts-vite-starter-template
Vue.js 3 TypeScript / Vite starter template with Pinia, Vue Router, Tailwind and more.
https://github.com/kouts/vue3-ts-vite-starter-template
bootstrap eslint jest prettier scaffold-template scaffolding starter-template tailwind template typescript vite vue3
Last synced: 2 months ago
JSON representation
Vue.js 3 TypeScript / Vite starter template with Pinia, Vue Router, Tailwind and more.
- Host: GitHub
- URL: https://github.com/kouts/vue3-ts-vite-starter-template
- Owner: kouts
- License: mit
- Created: 2022-07-03T09:35:50.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-09T19:52:03.000Z (3 months ago)
- Last Synced: 2025-03-15T21:14:48.332Z (2 months ago)
- Topics: bootstrap, eslint, jest, prettier, scaffold-template, scaffolding, starter-template, tailwind, template, typescript, vite, vue3
- Language: Vue
- Homepage:
- Size: 1.57 MB
- Stars: 21
- Watchers: 2
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# vue3-ts-vite-starter-template
A single page app [Vite](https://vitejs.dev) starter template, created to easily bootstrap Vue.js 3 apps.
**Features**
- Vue 3
- Vite 6
- TypeScript 5
- Vitest 3 for unit testing
- Pinia 3 for state management
- Vue Router 4 for client-side routing
- Tailwind 4 for layout and styling
- SCSS variables inside Vue components
- Purgecss for eliminating unused CSS
- Basic multiple layouts feature
- ESLint config based on [neostandard](https://github.com/neostandard/neostandard) with sensible defaults :relaxed:
- [Prettier](https://prettier.io/) for code formatting
- Automated release workflow with [semantic-release](https://github.com/semantic-release/semantic-release)
## Project setup
```
pnpm install
```
### Compiles and hot-reloads for development
```
pnpm run dev
```
### Compiles and minifies for production
```
pnpm run build
```
## Run your unit tests
```
pnpm run test:unit
```
### Lints files
```
pnpm run lint
```
### Lints and fixes files
```
pnpm run lint-fix
```
### Runs Typechecks
```
pnpm run typecheck
```
### Customize configuration
See [Configuration Reference](https://vitejs.dev/guide/).