Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/richardevcom/vue3-boilerplate
Quick boilerplate for your next project, containing - Vite, Vuex, Vue Router & Tailwind CSS. This was created as part of my tutorial series.
https://github.com/richardevcom/vue3-boilerplate
boilerplate pinia svg tailwind tailwind-css tailwindcss template vue vue-router vue3 vuejs vuejs3 vuerouter
Last synced: 3 days ago
JSON representation
Quick boilerplate for your next project, containing - Vite, Vuex, Vue Router & Tailwind CSS. This was created as part of my tutorial series.
- Host: GitHub
- URL: https://github.com/richardevcom/vue3-boilerplate
- Owner: richardevcom
- Created: 2022-08-02T15:52:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-26T11:26:08.000Z (5 months ago)
- Last Synced: 2024-12-14T14:09:13.414Z (10 days ago)
- Topics: boilerplate, pinia, svg, tailwind, tailwind-css, tailwindcss, template, vue, vue-router, vue3, vuejs, vuejs3, vuerouter
- Language: Vue
- Homepage: https://medium.com/@richardevcom/custom-vue3-boilerplate-9635806acde3
- Size: 216 KB
- Stars: 91
- Watchers: 2
- Forks: 46
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# [](https://github.com/sponsors/richardevcom) Vue 3 boilerplate - Vite, Pinia, Vue Router & Tailwind CSS
This boilerplate was created as part of my [custom Vue 3 boilerpalte tutorial](https://medium.com/@richardevcom/custom-vue3-boilerplate-9635806acde3). It will help get you started developing with Vue 3 in Vite. The template uses Vue 3 `` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
## Support & collaboration
[](http://discord.gg/ZptSdXMPrM)
## Dependencies
- [nodejs ^14.18.0](https://nodejs.org/)
## Stack
- [Vue](https://vuejs.org/)
- [Pinia](https://pinia.vuejs.org/)
- [Vue Router](https://router.vuejs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- eslint
- prettier
- cssnano
## Install
```
npm i @richardev/vue3-boilerplate
```
or
```
git clone https://github.com/richardevcom/vue3-boilerplate.git
```
then
```
cd vue3-boilerplate
npm install
```
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [Tailwind CSS Intellisense](https://github.com/tailwindlabs/tailwindcss-intellisense).
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Compile and Minify for Production
```sh
npm run build
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```