Partager via

Installer Vue.js directement sur Windows

Guide pour vous aider à configurer un environnement de développement Vue.js sur Windows. En savoir plus sur la page de vue d'ensemble Vue.js.

Vue peut être installé directement sur Windows ou sur le sous-système Windows pour Linux (WSL). Nous vous recommandons généralement d’installer Vue 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

  • Installez Node.js sur Windows : cela inclut un gestionnaire de versions, un gestionnaire de package et Visual Studio Code. Le Gestionnaire de package node (npm) est utilisé pour installer Vue.js.

Installer Vue.js

Pour installer Vue.js:

  1. Ouvrez une ligne de commande (par exemple, Invite de commandes Windows ou PowerShell).

  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. Consultez la documentation Vue pour obtenir une explication des différentes builds Vue.

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