Partager via

Installer Vue.js directement sur Windows

  • Article

Guide conçu pour vous aider à configurer un environnement de développement Vue.js sur Windows. Pour plus d’informations, consultez la page Vue d’ensemble de Vue.js.

Vue peut être installé directement sur Windows ou sur le Sous-système Windows pour Linux (WSL). Nous recommandons généralement d’installer Vue sur WSL si vous envisagez d’interagir avec un back-end NodeJS, que vous souhaitez effectuer la parité avec un serveur de production Linux ou que vous envisagez de suivre un tutoriel qui utilise des commandes Bash. Vous pouvez également envisager Vite comme alternative à Vue.js.

Prérequis

  • Installer Node.js sur Windows : cela comprend un gestionnaire de versions, un gestionnaire de packages et Visual Studio Code. Node Package Manager (npm) est utilisé pour installer Vue.js.

Installer Vue.js

Pour installer Vue.js :

  1. Ouvrez une ligne de commande (par exemple, l’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 en utilisant Node Package Manager (npm) :

npm install vue

Vérifiez le numéro de version que vous avez installé en utilisant la commande vue --version.

Note

Pour installer Vue.js en utilisant un réseau de diffusion de contenu (CDN) plutôt que NPM, consultez la documentation sur l’installation de Vue.js. Consultez la documentation de Vue pour obtenir une explication des différentes builds de Vue.

Installer Vue CLI

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

Pour installer Vue CLI, utilisez npm. Vous devez utiliser l’indicateur -g pour effectuer une installation globale afin de procéder à une mise à niveau (vue upgrade --next) :

npm install -g @vue/cli

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

Ressources supplémentaires