Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/richardevcom/vite-vuex-tailwind
Vite + Vue 3.0 + Vuex 4.0 + Router 4.x + Tailwind CSS (boilerplate)
https://github.com/richardevcom/vite-vuex-tailwind
beginner boilerplate css eslint prettier router starter svg tailwind tailwindcss template vite vite-svg vue vue-router vue3 vuejs vuejs3 vuex vuex4
Last synced: about 2 months ago
JSON representation
Vite + Vue 3.0 + Vuex 4.0 + Router 4.x + Tailwind CSS (boilerplate)
- Host: GitHub
- URL: https://github.com/richardevcom/vite-vuex-tailwind
- Owner: richardevcom
- Created: 2021-10-09T04:53:35.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-15T02:12:53.000Z (almost 2 years ago)
- Last Synced: 2024-07-10T00:03:49.342Z (6 months ago)
- Topics: beginner, boilerplate, css, eslint, prettier, router, starter, svg, tailwind, tailwindcss, template, vite, vite-svg, vue, vue-router, vue3, vuejs, vuejs3, vuex, vuex4
- Language: Vue
- Homepage: http://discord.gg/ZptSdXMPrM
- Size: 311 KB
- Stars: 34
- Watchers: 2
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
![Maintenance](https://img.shields.io/maintenance/no/2022?label=Maintained%3F&style=for-the-badge)
# Vite + Vuex + Tailwind CSS (boilerplate)### ⚠️ We have moved to another [Vue 3 boilerplate + Vite, Pinia, Vue Router & Tailwind CSS](https://github.com/richardevcom/vue3-boilerplate) - this package is not maintained anymore.
This template should 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
[![discord-server](https://img.shields.io/discord/852916497314742362?color=%238A48FF&label=DISCORD%20SERVER&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAANUAAADwCAMAAACg%2F9E0AAAAdVBMVEUAAAD%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2Fli2ZAAAAAJnRSTlMAAAEQESAhMDFAQU9QUV9gYW9wf4CPkJ6foK6vsL6%2Fzs%2Fe3%2B7v%2FrenROgAAAZMSURBVHja7MGBAAAAAICg%2FakXqQIAAAAAAObejFejx2EgbjAmiIY1u5sLDgETjJj3f8Tj446Wxe3XMHbaKL%2F%2FDSuPNJES7e8Txnt6Op7nOklwJ8KP86r4gzgWwR80T%2BLPIFFMBe9kx1LwzpbG8JsavUTUJFbEKyWNv6KZPDNqMi9VRZ7khwspKT5HGqWqJPuxvMuKL8mNUlXoevOHhyR1SO1iCf6KHquYzIqadrEyvqMkOUimZ0HNLrF8%2BMC7ioA9lFvoL1PGTvL%2FgYxxmlPeSi1vKTmneYoy%2FBfigp0k6SuTYj9xTptiH7qtU0TN8YINs%2BI8aAo9Yso4G%2B1xhYLzUbxrY8EZ%2Bcc1EXFOxHj%2BETlI5J%2F9HBxxXqR9QL1SDj5xZiZHEXBqNBi2is4DasTZkYtZBW0YT5yfie8qrmQYCyyQDLg6gVxMKsLdBbigWAVW2IgHsAFuF5QKKFeUCnhcUCpA%2FQWlAib7UrFiRVjjYV8qzgZH2OPGf%2Fez3A0OsIgQzbp5sQJsIheUCpiN2zrxJI6osd82bbBKIWzdAGLYKwhz9wrDeLteQfhFhmWy2b6C8IsZtpmJvuL8qNG30EQKLrBO4hPQVosrsI9YTEAiBQvsowbbdSIFZ1yB2dy8SMyOAdcg9BpCdL1L8C4M41LAoykOwbkg96X0%2BpCwgiTfvftAFnDklzofc59xREFRxmqcWciYXpHSob0QUCze1UTtMsVO7d7%2BAMPUZbFLxX3KqK3entmg2sPSwX3BoI2FpWxQ7WENnfeO%2FM7jxBKbtN8NWxiy9zSxHTr1WfDLLSm09v8UW7osYwblC4soq5XZxSMWQCZ%2BGhn47G1LnhLcN3ilW8HxiBXKR3tVcRNSrE%2FyVcXc8nDEVulMO03osrpbDtmq2lizyPTqWnWr%2FVNQWbOY%2ByyPvx2z1xdIs3hze9D2sqLuPJLPBOmzZ%2Bj24MnuYmU03kHuswdMdqgb0xfvYG2PijLBwl0G%2BvwrYzsoKpAvzfxPZiDXMwkuVld444ar4dQeiAdl7IjsJROSC6gmYWWO7WDoczlEKiVuit7Yn0Nczsr9vIJ%2F2bkD5VZRKADDBw2xZE3duJi4ZiUF5Lz%2FI26dydxrbxomHCAzdfI9QKf%2FHLEMarPcBJnKu2f3%2F1yW6W1%2FnmbnJZCA%2BIxHsSR77WOmDyw5iDyfEzKT5LsVjhSVt4o%2BLNbgI2SWUeFf0CDJ3p9VJjoPRJIGJJKYDXiwLs1ZgUISSa3CM%2FNE7fFR%2F%2BT4DwdH%2Bjsx8m4W25okh3A1EvVwRnoWIYrw%2FIpSpZBMFt91sTeT5E%2F6%2B4RUKqYKz9ubLFa0Ey6Q11aHdCrupRjTFIx9adoqyo%2B5fYYf92uBQYzr2hRsLmOMFcWO%2FL5F7fl3mfQquunc7rZFsXn7%2B2iQzvTvggPwquknjGRgwvWZANfoVfWqelW9ql5VP8Krap17C4PrY15VP8YHfOD6KFCrrDrj%2BvwH%2F%2BL69HDE9TmCxPWRpHfGrcNncRbDNYQnPa4rq%2F45XbaryoHy%2FEoER7XwiffaZR%2BTLOGTdBhIQIVhTAVXzZizy42C%2FHUPh1JjELVhMAsdGGFMV2xjMIgGgLJ3wWfr8IvorUue1Inl0b2cQpc9zBqLEV1Qp5yYsydRLpv2gYOyNVzxC4ZRu7lrOTHt4suc0%2FOUlk07FboaOfwmXWQX8GawEWXO2fHAIa4JbQtfcI2BVHPzqLE6DNo5StFwEPAFY8VeIX1Q5HHN6%2BsmDHgtR%2BsebHPziLqG3z6x3MgJyYNa4mN4V7%2Bdu26U4tCNF%2Bvu1bmZHrpDvQxaXHrHCamDutFoDKbe4a6yEo2Up2EcL%2FpqHIdTJ5u64nAPaxUGs55fgxP2dwYSK5GyNQWfSod2SUitJ2yufAiXoeGQGp%2FIdwnCZZh%2FVIRvNJc7xmRdGjIoLT7IDRweV42O%2FnJVvJa%2BoPwa7eJHRabTNRG6OOQh4pvoXT3kMuZqmgnv%2BtIccuE2W9NM9C7nrYJww3Cn2Cbv6cQIOV38Jxrxyu8XGIecqm8vvQOpyXMhOvqugkR6T2kS4X8MTENmpSaMiaBarDDLIbfKLVaTgGwW538t5NdSrzyCeg7r4RlGehJB3XF4Bv68pP%2Fbg2MBAAAAgEH%2B1sPYUwEAAAAAAAAAAAAMAizJOkF8xEwmAAAAAElFTkSuQmCC&style=for-the-badge)](http://discord.gg/ZptSdXMPrM)
## Stack
- [Vue 3.0](https://v3.vuejs.org/)
- [Vuex 4.0](https://vuex.vuejs.org)
- [Router 4.x](https://router.vuejs.org/)
- [Tailwind CSS](https://router.vuejs.org/)
- eslint
- prettierAdditionally I added [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader#readme) to support SVG imports.
## Install
```
git clone https://github.com/richardevcom/vite-vuex-tailwind.git
cd vite-vuex-tailwind
npm install
```## Run / Develop
```
npm run dev
```
## Build
```
npm run build
```
## Serve / host
```
npm run serve
```