Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 template typescript vite vue3
Last synced: 3 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 (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-26T20:09:58.000Z (3 months ago)
- Last Synced: 2024-10-26T22:14:07.041Z (3 months ago)
- Topics: bootstrap, eslint, jest, prettier, scaffold-template, scaffolding, starter-template, template, typescript, vite, vue3
- Language: Vue
- Homepage:
- Size: 1.18 MB
- Stars: 17
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
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**
- TypeScript
- Vitest for unit testing
- Pinia for state management
- Vue Router 4 for client-side routing
- Tailwind 3 for layout and styling
- SCSS variables inside Vue components
- Purgecss for eliminating unused CSS
- Basic multiple layouts feature
- ESLint config based on `eslint:recommended` 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/).