Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/fyeeme/vite-quasar

offical quasar vite plugin for vue 3
https://github.com/fyeeme/vite-quasar

quasar vite vue vue3 vuex windycss

Last synced: about 2 months ago
JSON representation

offical quasar vite plugin for vue 3

Lists

README 

        



Many thanks for [JetBrains](https://jb.gg/OpenSourceSupport) Open Source Development license for this project.



## `Vite 2.x + Vue 3.x + quasar 2.x starter ⚡`



**offical quasar vite cli is release.🌹** ,and you can go to official web site for more detail. then this branch will be 

the default branch. then some of the third part will migrate to this branch later.



- [X] - [@quasar/vite-plugin](https://quasar.dev/start/vite-plugin) [official released]

- [X] - [quasar 2.x](https://github.com/quasarframework/quasar)

- [X] - [vite 2.x](https://github.com/vitejs/vite)



This starter template also includes an plain :

- [x] - [pinia](https://github.com/vuejs/pinia)[Intuitive, type safe and flexible Store for Vue]

- [x] - [UnoCss](https://github.com/antfu/unocss)[The instant on-demand Atomic CSS engine. and next architecture for windi css v4]

- [x] - [vite-plugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n)[vue-i18n-next plugin for vite]

- [x] - [Vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages) - file system based routing

- [x] - [Vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts) - layouts for pages

- [x] - [Searchable Quasar Framework SVG icons](https://github.com/hawkeye64/iconexplorer.app)[**quasar author's product**]

- [x] - [Vite-quasar-api](https://github.com/fyeeme/vite-quasar-api)(more feat needed)



## Out of box functions 

- [x]  - api base axios

- [x]  - pina as default state management

- [x]  - backend service write in sprint boot**Coming soon**]

- [x]  - auth2 login with [spring authorization server](https://github.com/fyeeme/spring-cloud-example) 



## FAQ 

1. why not use [Windi CSS](https://github.com/windicss/windicss) or [Tailwind css](https://github.com/tailwindlabs/tailwindcss)? 

   - because Unocss is much more powerful than windi css[windi css is master faster than **tailwind**] but provide consistent api.

2. why not use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) or [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)

   - because ts with volar provider best type support, and you don't need them anymore, but if you still want to use them ,just free to try.



## TODO 



some of the other are existed to use for improving your efficiency when use vue. they are waiting for discovered.



## Checklist



When you use this template, try follow the checklist to update your info properly



- [ ] Change the name and version in `package.json`

- [ ] Change the title in `index.html`

- [ ] Change the hostname in `vite.config.ts`

- [ ] Change the favicon in `public`

- [ ] Clean up the READMEs and remove routes

- [ ] Clean up `layouts` and `pages` folder



And, enjoy :)



## HOW TO USE 



pnpm is recommended to use. also you use npm two.



```shell

npm i -g pnpm

pnpm install 

pnpm run dev

```

or 



```shell

npm install 

npm run dev

```