Maison  >  Article  >  interface Web  >  Comment créer vue en utilisant vue-cli+webpack

Comment créer vue en utilisant vue-cli+webpack

亚连
亚连original
2018-06-15 23:28:081497parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn