Découverte de Quasar–SPA, PWA, SSR, Mobile–Un framework prometteur - Dev to be curious

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 !