20 lines
1.8 KiB
Markdown
20 lines
1.8 KiB
Markdown
# Vue 3 + Typescript + Vite
|
|
|
|
This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
|
|
## Included Libraries
|
|
|
|
- [Quasar](https://quasar.dev/). Quasar is a powerful set of components which uses the Material UI design system. While the styles are quite plain on their own (and perhaps even off-putting), it is easy to customize it. I have used it extensively for my own projects like [Turas.app](https://turas.app), [Turas.app Chrome Extension](https://chromewebstore.google.com/detail/turasapp/lpfijfdbgohlblnadiokliolkkeeblpo), [Zeeq.ai](https://zeeq.ai), and [CodeRev.app](https://coderev.app). It is easy and fast; great for internal tooling and more than usable for public facing apps.
|
|
- [Pinia]([https://](https://pinia.vuejs.org/introduction.html)). Pinia is state management for Vue. While it's not strictly necessary to use Pinia, it provides good integration with the devtools and hot module replacement for global state. It makes it easy to manage state that is truly global!
|
|
|
|
## More Reading
|
|
|
|
If you are just getting started with Vue, then check out:
|
|
|
|
- [A Conceptual Model of State in Vue 3.4](https://chrlschn.dev/blog/2024/01/a-conceptual-model-of-state-in-vue-34-using-definemodel/). A discussion on how Vue 3.4's release of `defineModel` changes the game for state management.
|
|
- [Vue 3x3 - A Mental Model for Building Fast](https://chrlschn.dev/blog/2023/01/vue-3x3/). How to simplify your understanding of Vue to 9 core concepts.
|
|
|
|
## Recommended IDE Setup
|
|
|
|
- [VSCode](https://code.visualstudio.com/) + [Vue Official](https://marketplace.visualstudio.com/items?itemName=Vue.volarr)
|