Quel combat intense entre trois grands acteurs du web, côté client ! Qui va gagner : React, Angular, Vue ? Faut-il un gagnant, c’est aussi une autre question que l’on peut se poser
Et, même s’il y a un gagnant, comment gérer les différentes façons d’utiliser un site web (SPA, SSR, …) ? Découvrons Quasar qui permet de tout unifier, et qui a décidé d’utiliser Vue.js comme moteur de Vue.
Tout comme l’anneau de Sauron qui les contrôle tous.
Première étape
Après vous êtes assuré-e que vous avez bien installé node.js, lancez la commande :
npm install -g @quasar/cli
Lancement commande quasar
Vérifions que nous avons bien quasar d’installé maintenant :
Création d’un nouveau projet
Avant de créer un projet, vérifions les commandes possibles pour créer un projet :
quasar create -h
Création d’un premier projet
Pour créer un projet, et vu que Quasar est encore en version bêta, nous devons lancer une commande précise :
quasar create <nom du projet> –b dev
Lancement de l’application
Ajoutons des inclusions de scripts pour npm, dans notre package.json :
« start »: « quasar dev »,
« build »: « quasar build »,
« build:pwa »: « quasar build -m pwa »
On lance :
npm start
Du côté commande, nous obtenons :
Du côté web, nous avons :
Dans la console, Quasar nous invite à utiliser une extension, pour Vue.js :
https://github.com/vuejs/vue-devtools
Extension Google : https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
Prochain test pour découvrir ce framework :
Test : appel de l’api star wars
Listons par exemple tous les personnages de Star wars : https://swapi.co/api/people
A très vite !