diff --git a/A-preparatifs.md b/A-preparatifs.md index b04142c9ecd239406935fa534df9f1bf0fff1721..8c4321525ea0a424bd40caa315f6ed83f36f613a 100644 --- a/A-preparatifs.md +++ b/A-preparatifs.md @@ -24,7 +24,20 @@ codium ~/ws-js/tp2 ``` *(en cas d'échec, vérifiez que vous avez bien suivi les instructions du TP1 sur [l'installation de VSCodium](https://gitlab.univ-lille.fr/js/tp1/blob/master/A-preparatifs.md#a3-installation-ide))* +Il reste maintenant à **installer les paquets npm nécessaires au bon fonctionnement du projet** (notamment le compilateur [Babel](https://babeljs.io)). + +Ouvrez un terminal directement dans VSCodium à l'aide du raccourci <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>*</kbd> (ce terminal intégré utilise le terminal par défaut du système, mais vous pouvez le configurer pour utiliser un autre terminal comme Git bash sous windows par exemple). + +L'avantage du terminal intégré, c'est qu'il s'ouvre directement dans le dossier du projet dans lequel vous travaillez (ici ça doit être ~/ws-js/tp2).Tapez ensuite : + +```bash +npm install +``` + +Vous noterez qu'on ne précise pas les paquets à installer, npm va en effet les déterminer automatiquement à partir du contenu du fichier `package.json` et plus particulièrement à partir des sections `"dependencies"` et `"devDependencies"` qui indiquent quels sont les paquets qui ont été installés précédemment. + ## A.2. Extensions de VSCodium + Avant de commencer à coder, on va installer plusieurs extensions de VSCodium qui vont nous être utiles par la suite : 1. Ouvrez le panneau des extensions à l'aide du raccourci <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>X</kbd> @@ -60,19 +73,8 @@ Avant de commencer à coder, on va installer plusieurs extensions de VSCodium qu ## A.2. Lancement de l'application -1. Si vous êtes repartis de la solution de ce repo (cad. que vous ne repartez pas de vos fichiers du TP précédent), une fois le clone terminé, il faut **installer les paquets npm nécessaires au bon fonctionnement du projet** (notamment le compilateur [Babel](https://babeljs.io)). - - Ouvrez un terminal directement dans VSCodium à l'aide du raccourci <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>*</kbd> (ce terminal intégré utilise le terminal par défaut du système, mais vous pouvez le configurer pour utiliser un autre terminal comme Git bash sous windows par exemple). - - L'avantage du terminal intégré, c'est qu'il s'ouvre directement dans le dossier du projet dans lequel vous travaillez (ici ça doit être ~/ws-js/tp2).Tapez ensuite : - - ```bash - npm install - ``` - - Vous noterez qu'on ne précise pas les paquets à installer, npm va en effet les déterminer automatiquement à partir du contenu du fichier `package.json` et plus particulièrement à partir des sections `"dependencies"` et `"devDependencies"` qui indiquent quels sont les paquets qui ont été installés précédemment. -2. **Compilez ensuite votre projet** à l'aide de la commande : +1. **Lancez la compilation de votre projet** à l'aide de la commande : ```bash ./node_modules/.bin/babel js -d build --verbose --watch --source-maps ```