Comment installer Nuxt.js

Recommandation

Pour installer Nuxt.js, nous allons nous baser sur le manuel d’installation de Nuxt.js adapté à notre projet Anakeen Platform 4.

Version de NPM

Pour suivre ce How-To, il est recommandé d’utiliser la version 7 de NPM.

npm install -g npm@6.14.15

Les commandes ci-dessous ne sont pas garanties de fonctionner avec une autre version.

Ajouter Nuxt.js aux dépendances du projet

A la racine du projet restauratec, lancer la commande suivante :

npm install --force vue@2.6.14 nuxt@2.15.8

Ajouter au fichier package.json les commandes de script suivantes :

{
  [...]
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "generate": "nuxt generate",
    "start": "nuxt start"
  },
  [...]
}

Créer le répertoire pages à la racine du projet :

mkdir pages

Créer la page index.vue dans le répertoire pages :

touch pages/index.vue

Dans index.vue, vous pouvez maintenant mettre le contenu de votre première page :

<template>
  <h1>Hello world!</h1>
</template>

Lancer la commande de serveur de développement Nuxt.js :

npm run dev

Vous pouvez alors voir votre première page en suivant le lien :

http://localhost:3000/

HelloWorld

Bravo ! Vous avez construit la première page de votre PWA !