1°/ Installation de node - vue/cli
- vue-cli se base sur nodejs, notamment pour les outils permettant de transcrire une application en pur js.
- il faut donc au préalable installer nodejs dans une version suffisamment récente, mais pas trop non plus, par exemple la v16.
ATTENTION ! Les versions 17.X et 18.x de node peuvent poser problème lors de la compilation de projet vuejs. Il ne faut surtout pas les installer.
1.1°/ Linux debian/ubuntu
-
Il existe des version disponibles dans les distributions de base, mais le plus souple est d'installer nvm dans son home directory afin de choisir ensuite quelle version de node installer.
-
Procédure d'installation :
- dans un terminal lancer la commande suivante :
curl <https://raw.githubusercontent.com/creationix/nvm/master/install.sh> | bash
- Ensuite, se positionner à la racine de votre home, relire le fichier .bashrc (qui a été modifié par la commande précédente) puis installer une version de node, par exemple la 16.17.1
cd ~
source .bashrc
nvm install 16.17.1
- Il reste à installer vue-cli et serve :
npm install -g serve
npm install -g @vue/cli
1.2°/ Windows
ATTENTION ! Si vous utilisez powershell afin de lancer les commandes ci-dessous, puis utiliser vue-cli pour créer des projet, il est possible de windows bloque l'exécution des scripts dans votre fenêtre powershell.
Dans ce cas, il met une erreur du type "Execution des scripts désactivées". Pour régler ce problème :
- lancer un powershell en mode administrateur.
- taper la commande : Set-ExecutionPolicy RemoteSigned
- répondre O (ou Y si en anglais) à la question
- Le plus simple est de passer par nvm (node version manager).
- Pour le télécharger, aller à https://github.com/coreybutler/nvm-windows/releases/
- Cliquer sur nvm-setup.zip
- Une fois le téléchargement fini, il suffit de dezipper l'archive, puis de lancer nvm-setup.exe.
- Après l'installation, la commande nvm est disponible dans le terminal powershell.
- Pour voir la liste des environnements nodejs installables : nvm list available