Partager via

Installer Vue.js sur le sous-système Windows pour Linux

Guide pour vous aider à configurer un environnement de développement Vue.js sur Windows en installant l’infrastructure web Vue.js sur le sous-système Windows pour Linux (WSL). En savoir plus sur la page de vue d'ensemble Vue.js.

Vue peut être installé directement sur Windows ou sur WSL. Nous vous recommandons généralement d’installer sur WSL si vous envisagez d’interagir avec un back-end NodeJS, de vouloir parité avec un serveur de production Linux ou de planifier le suivi d’un didacticiel qui utilise des commandes Bash. Vous pouvez également envisager Vite comme alternative à Vue.js.

Conditions préalables

  • Installer le Sous-système Windows pour Linux (WSL), y compris une distribution Linux (comme Ubuntu) et s’assurer qu’elle s’exécute en mode WSL 2. Pour le vérifier, ouvrez PowerShell et entrez : wsl -l -v.
  • Installer Node.js sur WSL 2 : cela comprend un gestionnaire de version, un gestionnaire de package, Visual Studio Code et l’extension Remote Development. Le Gestionnaire de package node (npm) est utilisé pour installer Vue.js.

Important

L’installation d’une distribution Linux avec WSL crée un répertoire pour le stockage des fichiers : \\wsl\Ubuntu-20.04 (remplacez Ubuntu-20.04 par la distribution Linux que vous utilisez). Pour ouvrir ce répertoire dans l’Explorateur de fichiers Windows, ouvrez votre ligne de commande WSL, sélectionnez votre répertoire de base à l’aide cd ~de la commande, puis entrez la commande explorer.exe . Ne pas installer ou stocker les fichiers que vous utiliserez sur le lecteur C monté (/mnt/c/Users/yourname$). Cela ralentit considérablement vos temps d’installation et de génération.

Installer Vue.js

Pour installer Vue.js sur WSL :

  1. Ouvrez une ligne de commande WSL (par exemple. Ubuntu).

  2. Créez un dossier pour le nouveau projet : mkdir VueProjects, puis accédez à ce répertoire : cd VueProjects.

  3. Installez Vue.js à l’aide du Gestionnaire de package Node (npm) :

npm install vue

Vérifiez le numéro de version que vous avez installé à l’aide de la commande : vue --version.

Remarque

Pour installer Vue.js à l’aide d’un CDN, au lieu de NPM, consultez la documentation d’installationVue.js.

Installer Vue CLI

Vue CLI est un kit de ressources permettant d’utiliser Vue dans votre terminal/ligne de commande. Il vous permet de générer rapidement une structure d’un nouveau projet (vue create), de prototyper de nouvelles idées (vue serve) ou de gérer des projets à l’aide d’une interface graphique utilisateur (vue ui). Vue CLI est un package npm installé globalement qui gère certaines des complexités de build (comme l’utilisation de Babel ou Webpack) pour vous. Si vous ne créez pas une nouvelle application monopage, vous n’avez peut-être pas besoin ou souhaitez Vue CLI.

Pour installer Vue CLI, utilisez npm. Il faut utiliser l’indicateur -g pour l’installation globale afin d’effectuer une mise à niveau (vue upgrade --next).

npm install -g @vue/cli

Pour en savoir plus sur les plug-ins supplémentaires qui peuvent être ajoutés (par exemple, linting ou Apollo pour l’intégration de GraphQL), consultez les plug-ins Vue CLI dans la documentation Vue CLI.

Ressources supplémentaires