Installer Vue.js directement sur Windows

Guide de configuration d’un environnement de développement Vue.js sur Windows. Pour plus d’informations, consultez la vue d’ensembleVue.js.

Vue peut être installé directement sur Windows ou sur le sous-système Windows pour Linux (WSL). Si vous envisagez d’interagir avec un serveur principal Node.js, déployez sur des serveurs Linux ou suivez des didacticiels qui utilisent des commandes Bash, envisagez d’installer Vue sur WSL à la place.

Conditions préalables

• Installez Node.js sur Windows : cela inclut un gestionnaire de versions, un gestionnaire de package et Visual Studio Code.

Créer un projet Vue

La méthode recommandée pour démarrer un nouveau projet Vue 3 est npm create vue@latest, et elle utilise create-vue, l’outil officiel basé sur Vite pour la génération de modèles.

1. Ouvrez PowerShell ou l’invite de commandes Windows.

2. Accédez au répertoire de vos projets :

   cd C:\Users\YourName\Projects
   

3. Créez un projet Vue :

   npm create vue@latest
   

   Le programme d’installation vous invite à nommer votre projet et à choisir des fonctionnalités facultatives (TypeScript, prise en charge JSX, Routeur Vue, gestion d’état Pinia, Vitest, ESLint).

4. Accédez au dossier du projet, installez les dépendances et démarrez le serveur de développement :

   cd <your-project-name>
   npm install
   npm run dev
   

   Votre application sera disponible à l’adresse http://localhost:5173.

Ressources supplémentaires

• Documentation de Vue
• Vue d’ensemble deVue.js
• Installer Vue.js sur WSL
• Faites vos premiers pas avec le Vue.js parcours d'apprentissage
• Didacticiel Vue utilisant VS Code