使用vue-cli+使用webpack搭建vue开发环境的方法

Ici, nous devons d'abord télécharger node, car nous allons utiliser des packages npm, basés sur node

Pas de temps à perdre, nous entrons directement dans le sujet

Téléchargez node, et vous devez également télécharger git, à partir de maintenant, nous entrerons des commandes dans git pour configurer notre environnement vue

git utilise des commandes linux

Ne demandez pas pourquoi, tant qu'il fonctionne, n'est-ce pas ?

Sous le système d'exploitation Windows, après avoir téléchargé git, nous cliquons droit sur le bureau pour voir git Bash, ouvrez-le, puis git est ouvert

git possède de nombreuses fonctionnalités, et git peut pousser vos fichiers sur github, github est un excellent outil de gestion de dépôts

Très bien, nous commençons directement, après avoir ouvert git, il affichera

Ensuite, nous exécutons npm install webpack

il téléchargera automatiquement la dernière version de webpack

Ici, nous entrons directement dans le vif du sujet, comment utiliser vue-créer un environnement de développement vue avec cli

Ici, nous devons installer globalement vue-cli

Exécutez npm install vue dans git-cli -g Installez l'environnement de commande de vue

Exécutez vue --verson vérifie si l'installation est réussie,

Affichez la version vue, ce qui signifie que l'installation est réussie

Cela signifie qu'il est installé globalement

Maintenant, entrez vue init webpack en ligne de commande-simple<nom du modèle, c'est-à-dire le nom de votre projet>>,

Ici, nous utilisons webpack-simple<nom du modèle, c'est-à-dire le nom de votre projet>>, il n'y a pas de normes strictes, ce qui est plus facile pour la plupart des programmeurs, la différence avec webpack, je ne vais pas en parler en détail, si nécessaire, vous pouvez laisser un message ci-dessous, nous partagerons

Ici, le nom de mon projet est myvue

Donc, je vais exécuter vue init webpack-simple myvue

Il y aura un dossier myvue sur le bureau

Nous exécutons cd myvue pour entrer dans notre projet

Vous trouverez ces fichiers dans le dossier, c'est-à-dire vue-l'environnement construit automatiquement par cli

Nous exécutons npm install

Nous devons attendre un moment, npm télécharge des fichiers basés sur node pour nous

Ensuite, vous trouverez un fichier node——modules supplémentaire, qui contient certains modules de node

Ensuite, nous exécutons npm run dev en ligne de commande

vue ouvre automatiquement le navigateur et exécute ce projet vue

Ainsi, nous utilisons vue-La création d'un environnement de développement vue avec cli est un succès, si vous avez des questions, laissez un message, l'éditeur répondra à temps. Merci également de votre soutien au tutoriel d'alarme !

Déclaration : Le contenu de cet article est hébergé sur Internet, et appartient à l'auteur original. Le contenu est apporté par les utilisateurs d'Internet de manière volontaire et est téléchargé, ce site Web ne détient pas de propriété, n'a pas été traité par l'éditeur humain et n'assume aucune responsabilité juridique connexe. Si vous trouvez du contenu présumé de violation de copyright, veuillez envoyer un e-mail à : notice#w.3codebox.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu présumé de violation de droit d'auteur.).