Merge pull request #125 from dnum-mi/plegaud-patch-1

Update README.md

README.md

@@ -4,22 +4,107 @@
 [Système de Design Français](https://www.systeme-de-design.gouv.fr/) (ou DSFR) sous forme de bibliothèque
 de composants. Il peut s'utiliser facilement en tant que plugin.
 
+## Pré-requis
+
+- npm : version 7 minimum
+- Node.js : version 16 minimum
+
+### Installation des pré-requis (testé sous Ubuntu 20.04)
+
+Suivez la procédure suivante en lançant les commandes détaillées ci-dessous :
+
+1. Mise à jour des dépôts :
+
+```shell
+sudo apt update
+```
+
+2. Installer `Node.js` :
+
+```shell
+sudo apt install nodejs
+```
+
+3. Vérifier la version de `npm` (7 ou supérieur) :
+
+```shell
+npm --version
+```
+
+4. Installer `nvm` (Node Version Manager) :
+
+Avec la commande curl :
+
+```shell
+curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
+```
+
+Ou avec la commande wget :
+
+```shell
+wget -q0- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
+```
+
+5. Fermer et rouvrir un terminal, ou bien taper la commande suivante dans tous les terminaux déjà ouverts :
+
+```shell
+source ~/.bashrc
+```
+
+6. Vérifier la version de NVM installée :
+
+```shell
+nvm --version
+```
+
+7. Vérifier qu'on pourra bien installer la version de nodejs avec la commande suivante, qui donne la liste des versions nodejs installables :
+
+```shell
+nvm ls-remote
+```
+
+8. Installer la version de nvm voulue :
+
+```shell
+nvm install <version>
+```
+
+exemple :
+
+```shell
+nvm install 16
+```
+
+9. Vérifier la version de `npm` (7 ou supérieur) :
+
+```shell
+npm --version
+```
+
+Remarque : certaines commandes peuvent demander un temps d'exécution assez conséquent (plusieurs minutes).
+
 ## Installer la bibliothèque
 
 ```shell
 npm install @laruiss/vue-dsfr@beta
 ```
 
-N.B. : le `@beta` est important pour avoir la dernière version.
+---
+
+**Note :**
+
+Le **`@beta`** est très important pour avoir la dernière version.
+
+---
 
-## Utiliser la bibliothèque en tant le plugin Vue 3
+## Utiliser la bibliothèque en tant que plugin Vue 3
 
 ```js
 import { createApp } from 'vue'
 import App from './App.vue'
 import VueDsfr from '@laruiss/vue-dsfr'            // Import (par défaut) de la bibliothèque
 
-import '@laruiss/vue-dsfr/dist/vue-dsfr-fonts.css' // Import des polices
+import '@laruiss/vue-dsfr/dist/vue-dsfr-fonts.css' // Import de toutes les polices
 import '@laruiss/vue-dsfr/dist/vue-dsfr.css'       // Import des styles globaux
 
 const app = createApp(App)
@@ -43,4 +128,4 @@ Et ensuite, les composants sont utilisables directement dans les composants de l
 
 # Plus d'informations
 
-Veuillez consulter [le site officiel](https://vue-dsfr.netlify.app/) pour plus d'information.
+Veuillez consulter [le site officiel](https://vue-dsfr.netlify.app/) pour plus d'informations.