Comment installer la version vue2.5.2

Vue.js est un framework frontal populaire qui aide les développeurs à créer des composants d'interface utilisateur réutilisables et composables et des applications d'une seule page. Dans cet article, nous verrons comment installer la dernière version 2.5.2 de Vue.js.

Installez Node.js

Tout d'abord, vous devez installer Node.js. Node.js est un environnement d'exécution JavaScript open source côté serveur qui vous permet d'écrire et d'exécuter du code à l'aide de JavaScript. Vous pouvez télécharger et installer Node.js à partir du site officiel de Node.js.

Installer NPM

NPM est le gestionnaire de packages fourni avec Node.js, qui vous permet d'installer et de gérer facilement les packages logiciels. Lorsque vous installez Node.js, NPM est automatiquement installé. Après avoir installé Node.js, vous pouvez exécuter la commande suivante pour vérifier si NPM a été installé avec succès :

npm -v

Si l'installation réussit, le numéro de version de NPM s'affichera.

Installez Vue.js

Maintenant que Node.js et NPM sont installés, vous pouvez utiliser la commande NPM pour installer Vue.js. Ouvrez la ligne de commande et exécutez la commande suivante :

npm install -g vue@2.5.2

Cela installera la version 2.5.2 de Vue.js. Vous pouvez vérifier si Vue.js a été installé avec succès en exécutant la commande suivante :

vue -V

S'il est installé avec succès, le numéro de version de Vue.js sera affiché.

Créer une application Vue.js

Maintenant que vous avez installé avec succès Vue.js, vous pouvez créer votre première application Vue.js. Tout d'abord, créez un nouveau dossier et accédez-y à l'aide de la commande suivante :

mkdir myapp
cd myapp

Ensuite, initialisez un nouveau projet npm à l'aide de la commande suivante :

npm init -y

Ensuite, installez un package NPM appelé « vue-cli », ce package fournit un outil de ligne de commande qui peut vous aider à générer du code de modèle pour votre application Vue.js :

npm install -g vue-cli

Vous pouvez maintenant créer un nouveau projet Vue.js à l'aide de la commande suivante :

vue init webpack .

La commande vous demandera de fournir des informations sur le projet que vous vouloir créer. Suivez les invites et saisissez les informations jusqu'à ce que le modèle de projet pour votre application Vue.js soit généré.

Exécuter l'application Vue.js

Maintenant que vous avez créé une application Vue.js, exécutons-la et visualisons ses pages. Depuis la ligne de commande, exécutez la commande suivante pour installer les dépendances :

npm install

Ensuite, exécutez la commande suivante pour démarrer le serveur local :

npm run dev

Ouvrez un navigateur et entrez l'URL suivante :

http://localhost:8080/

Cela ouvrira votre Vue. js et affiche le message « Bienvenue dans votre application Vue.js ».

Conclusion

Dans cet article, nous avons appris comment installer la dernière version 2.5.2 de Vue.js et créer un modèle d'application Vue.js. Bien qu'il y ait quelques étapes à suivre lors de l'installation, une fois que vous les aurez terminées, vous disposerez d'une application Vue.js de base pour commencer à créer des applications plus complexes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!