Vue JS Overview
Installation
Documentation
- Vue JS .org
- Vue JS CLI
- https://www.vuemastery.com/learning-path/beginner
- official vue tutorials with editor on line to test it
how to use vue js
Vue can be used in different ways:
- Enhancing static HTML without a build step
- Embedding as Web Components on any page
- Single-Page Application (SPA)
- Fullstack / Server-Side Rendering (SSR)
- Jamstack / Static Site Generation (SSG)
- Targeting desktop, mobile, WebGL, and even the terminal
More details of ways-of-using-vue
Vue cheatsheets
- Vue 3 Cheatsheet from learnvue.co : PDF
- LearnVue-Vue-3-Cheatsheet.pdf
- Vue-3-Cheat-Sheet.pdf
- Vue-Essentials-Cheat-Sheet.pdf
- Migration-Guide-Cheat-Sheet.pdf
- Nuxtjs-Cheat-Sheet.pdf
Packages
To find packages use npmjs
Examples:
UI frameworks
- antdv
- element-plus
- buefy
- primevue
- bootstrap
- material deisgn
- vuematerial (npmjs)
- vuematerial (creative-tim)
- material deisgn
- Native UI
Ecosystem
- vue-router
- vuexvue-devtools
- vue-loader
- awesome-vue
Online editors
Vue conferences
Themes and templates
Themes
Starter templates:
You can use these starter templates (clone github repository)
Vue JS admin templates
- https://vera0119.github.io/vue-admin/#/dashboard
- https://store.vuetifyjs.com/collections/vuetify-3
- Vue 3 Admin Template
- Vue Material Dashboard gratuit sur Creative Tim, à adapter pour Vite
Recommandation
Si tu cherches une base complète comme ng-matero :
- Vitesse + Tailwind CSS + Vue Router + Pinia → starter ultra rapide et moderne
- Element Plus / Naive UI → pour une UI “enterprise ready” avec composants déjà prêts.
- Vuetify 3 → si tu veux un Material Design complet, très proche du style ng-matero.
Example of mini projects
- https://vuejs.org/examples Simple examples from vuejs.org
Tips
Add meta data to website