Comment créer un environnement de développement vue.js

Construire l'environnement de développement vue.js : installez d'abord [vue.js] ; puis installez respectivement le gestionnaire de packages npm, les modules, le webpack et l'échafaudage vue ; enfin, commencez à initialiser l'environnement Vue et installez les dépendances du projet, allez ; vers Vue ici L'environnement de développement est configuré.

[Tutoriel recommandé : Tutoriel Vue.js]

Préparation de l'environnement

Environnement d'exécution Javascript Node.js

outil de gestion de packages npm sous Node.js

webpack front- outil de gestion et d'emballage modulaire des ressources finales

outil de construction d'échafaudages vue-cli

miroir cnpm npm Taobao

installation Vue.js

1. L'installation de Node.js est très simple. Téléchargez d'abord la version du système d'exploitation dont vous avez besoin sur le site officiel, puis passez à l'étape suivante.
Une fois l'installation terminée, tapez node -v sur la ligne de commande. Si le numéro de version correspondant apparaît, l'installation est réussie.

2. npm est un outil de gestion de packages installé avec Node.js. Vous pouvez vérifier si l'installation a réussi en tapant npm -v directement sur la ligne de commande.

Bien que le gestionnaire de packages npm soit disponible, l'adresse du serveur du package dont le téléchargement npm doit dépendre est à l'étranger, ce qui rend l'accès à de nombreuses ressources très lent. Nous pouvons donc installer le miroir domestique de Taobao.
3. Tapez npm install -g cnpm --registry=http://registry.npm.taobao.org sur la ligne de commande.
De cette façon, vous pouvez utiliser la commande cnpm pour installer le module :

cnpm install [name]

4. Installez webpack

cnpm install webpack -g

5. Installez vue scaffolding

npm install vue-cli -g

Initialisez un environnement Vue .js

Créez un nouveau dossier sur votre ordinateur pour stocker notre code. Utilisez ensuite la ligne de commande pour saisir le chemin du répertoire cd de ce dossier. Après

, utilisez la commande

vue init webpack name

pour initialiser un environnement vue. Cette commande signifie initialiser un projet, dans lequel webpack est l'outil de construction, c'est-à-dire que l'ensemble du projet est basé sur webpack. Il y aura certains paramètres d'initialisation pendant le processus d'installation. Nous pouvons utiliser la configuration par défaut et appuyer complètement sur Entrée.

Sur l'image ci-dessus, nous pouvons également voir que vue nous a dit de manière très réfléchie la commande pour démarrer rapidement (Pour commencer)

Projet d'installation les dépendances

doivent être installées à partir du référentiel officiel Le serveur npm est à l'étranger, la vitesse d'installation de cette étape sera donc très lente.

npm install

Ne pas installer à partir du miroir domestique cnpm (cela entraînera la perte de nombreuses bibliothèques dépendantes plus tard)

cnpm install

Installez le module de routage vue vue-router et le module de requête réseau vue-resource

cnpm install vue-router vue-resource --save

Démarrer le projet

npm run dev

Après une exécution réussie, il vous indiquera l'IP et le numéro de port

Visitez cette adresse

Si l'image ci-dessus apparaît. Félicitations, vous êtes prêt à commencer votre voyage Vue.js.

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!