Exemples détaillés de didacticiels simples sur la création d'un environnement Vue

Pour utiliser vue pour développer un framework front-end, vous devez d'abord disposer d'un environnement. Cet environnement nécessite l'aide de node, vous devez donc d'abord installer node, et utiliser npm dans node pour installer les dépendances requises, etc. Cet article présente principalement un didacticiel simple sur la création d'un environnement Vue, qui a une certaine valeur de référence. Les amis intéressés peuvent s'y référer. J'espère que cela pourra aider tout le monde.

①Installez nodejs

https://nodejs.org

Téléchargez nodejs, (lts) lors de l'installation, cliquez sur Accepter et passez à la page suivante. .

Il viendra avec un npm (npm est un gestionnaire de paquets, à quoi sert-il ? C'est un entrepôt, si vous avez besoin de l'utiliser, npm install packageName)

Test :

②Installer cnpm (miroir Taobao,)

npm install -g cnpm --registry=https://registry.npm.taobao.org

③Installez vue-cli

Ordinateur Windows, appuyez simultanément sur widnows+r, entrez cmd, cliquez sur Entrée, entrez en mode ligne de commande

Dans la ligne de commande Entrez la commande suivante et enfin cliquez sur Entrée

(npm install vue-cli -g (cnpm est équivalent à npm après l'installation de l'image Taobao)) cnpm install --global vue-cli

④Installer webpack

npm install webpack -g

　

④Créer un projet modèle selon les instructions de vue fournies après vue-cli est installé

Utilisez le package de compression de modèle (tpls.zip) fourni par le professeur

J'ai téléchargé tpls.zip dans les "Informations" sous le fichier

et placez-le sur le lecteur D, créez un nouveau vue_cli, copiez chaque fichier décompressé sur vue_cli.

⑤Installez les dépendances nécessaires au projet

Après avoir décompressé le dossier ci-dessus, entrez dans le répertoire et exécutez la commande :

cnpm install

⑥Exécutez la commande et démarrez le serveur de développement

npm run dev

Remarque : si l'installation de l'image Taobao échoue, la solution est :

Définissez d'abord le proxy sur npm config set proxy null, puis réinstallez Taobao Mirror

Recommandations associées :

Exemple d'explication détaillée d'un salon de discussion pour la communication parent-enfant dans composant vue

Une explication détaillée de vue à l'aide de données fictives

Comment implémenter le chargement par défilement de plus de fonctions dans vue

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!