Maison > Article > interface Web > Comment créer vue en utilisant vue-cli+webpack
Cet article explique principalement comment utiliser vue-cli+webpack pour créer un environnement de développement vue. Les amis qui en ont besoin peuvent s'y référer
Ici, nous devons d'abord télécharger le nœud, car nous devons utiliser npm. téléchargement du package , basé sur le nœud
Sans plus tarder, allons droit au but
Téléchargez le nœud, et nous devrons également télécharger git À l'avenir, nous entrerons des commandes sur git pour construire. notre environnement vue
Git utilise des commandes Linux
Ne demandez pas pourquoi, tant que cela fonctionne, vous ne pensez pas ?
Système Windows, après avoir téléchargé git, nous faisons un clic droit sur le bureau et vous verrez git Bash, cliquez dessus, puis ouvrez git
Git a de nombreuses fonctions, et git peut y aller. pour pousser vos fichiers sur github. Github est un très bon outil de gestion d'entrepôt
D'accord, commençons directement Après avoir ouvert git, il affichera
et. puis lorsque nous exécutons npm install webpack
, il téléchargera automatiquement la dernière version du webpack
Ici, nous passons directement au sujet, comment utiliser vue-cli pour créer un environnement de développement vue
Ici, nous devons installer vue-cli globalement
exécuter dans git npm install vue-cli -g
Installer l'environnement de commande vue
exécuter vue --verson
pour vérifier si l'installation est réussie,
affiche la version de vue, cela signifie que l'installation est réussie
C'est l'installation globale
Maintenant on entre sur la ligne de commande vue init webpack-simple<模板名,就是你的项目的名称>,
Ici nous utilisons webpack-simple pour le construire, car il n'a pas de standard strict, par rapport à la plupart des programmeurs, c'est mieux, je n'entrerai pas dans les détails sur la différence entre lui et webpack ici. Si nécessaire, vous pouvez laisser un message ci-dessous. et nous le partagerons avec vous
Voici mon Le nom du projet est myvue
, donc si j'exécute vue init webpack-simple myvue
il y aura un dossier myvue sur le bureau
Nous exécutons cd myvue
et entrons dans notre projet
Vous trouverez ces fichiers dans le dossier C'est l'environnement pour lequel vue-cli construit automatiquement. nous
Nous exécutons npm install
En ce moment, nous devons attendre un moment, npm télécharge des fichiers basés sur le nœud pour nous,
Ensuite, vous trouverez un fichier node-modules supplémentaire, à l'intérieur Il y a quelques modules de node
Ensuite, nous l'exécutons depuis la ligne de commande npm run dev
vue ouvre automatiquement le navigateur et exécute le projet vue
Ceci ci-dessus est le texte que j'ai compilé, j'espère qu'il sera utile à tout le monde
Articles connexes :
À propos des problèmes de configuration d'optimisation dans Webpack
Comment créer des applications Electron dans Webpack
Problèmes concernant les chemins d'image non sécurisés à l'aide d'Angular4
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!