Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/richardevcom/vue-ts-boilerplate
Vue.js 3 TypeScript Boilerplate with Pinia, Vue Router and Tailwind CSS
https://github.com/richardevcom/vue-ts-boilerplate
boilerplate pinia piniajs starter starter-kit tailwind tailwind-css tailwindcss template ts typescript vue vue-router vuejs vuerouter
Last synced: about 2 months ago
JSON representation
Vue.js 3 TypeScript Boilerplate with Pinia, Vue Router and Tailwind CSS
- Host: GitHub
- URL: https://github.com/richardevcom/vue-ts-boilerplate
- Owner: richardevcom
- Created: 2023-02-15T00:51:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-26T10:50:10.000Z (5 months ago)
- Last Synced: 2024-07-27T02:27:30.637Z (5 months ago)
- Topics: boilerplate, pinia, piniajs, starter, starter-kit, tailwind, tailwind-css, tailwindcss, template, ts, typescript, vue, vue-router, vuejs, vuerouter
- Language: Vue
- Homepage: https://github.com/richardevcom/vue-ts-boilerplate
- Size: 148 KB
- Stars: 12
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](http://discord.gg/ZptSdXMPrM)
# [](https://github.com/sponsors/richardevcom) Vue.js 3 TypeScript Boilerplate
This Vue.js 3 boilerplate is written in TypeScript and includes Pinia, Vue Router and Tailwind CSS.
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
## Type Support for `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm dev
```
### Type-Check, Compile and Minify for Production
```sh
npm build
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm lint
```