J'ai appris récemment vuejs, element-ui, iview-ui et d'autres connaissances frontales, et j'ai constaté qu'il existe plusieurs méthodes différentes lors de la création d'un projet vuejs:
Tout d'abord, utilisez l'échafaudage vue-cli pour créer un nouveau projet vuejs
L'utilisation d'un échafaudage vue-cli peut rapidement créer une structure de projet de cadre de vue front-end
Prérequis: le nœud installé peut normalement utiliser la commande npm et l'outil vue-cli est installé globalement.
Nodejs peut se rendre sur le site officiel de nodejs pour télécharger la dernière version, choisir la version appropriée en fonction de votre système d'exploitation, puis installer, configurer les variables d'environnement.
Installer l'échafaudage vue-cli dans le monde
npm install vue-cli -g
Commencez à créer un projet
- Utilisez vue pour initialiser un nouveau projet basé sur webpack
vue init webpack my-project
Pendant le processus de création de projet, il vous demandera d'installer eslint, vous pouvez choisir de ne pas installer, sinon il y aura divers problèmes de format de code pendant le processus de compilation du projet;
- Une fois le projet créé, installez le module de base
cd myproject
npm install
Le temps d'installation du module peut être très long, selon la vitesse du réseau;
- Une fois l'installation terminée, vous pouvez exécuter le projet en mode développement et prévisualiser l'effet du projet
npm run dev;
- Si le projet peut démarrer normalement, vous pouvez continuer à installer les outils auxiliaires de vue
npm install vue-router --save (路由管理模块)
npm install vuex --save (状态管理模块)
npm install vue-resource --save (网路请求模块)
Les deux méthodes suivantes sont basées sur Vue Cli3,
Vue CLI3 nécessite Node.js 8.9 ou supérieur
Deuxièmement, utilisez la commande vue create pour créer un projet vue
vue create hello-world
cd hello-world
npm run serve // 运行 http://localhost:8000
Troisièmement, utilisez la commande ui de vue cli3 pour créer un projet vuejs basé sur une interface utilisateur graphique
Entrez la commande vue ui dans la fenêtre de ligne de commande pour créer le projet vuejs
vue ui // Exécuter automatiquement la page graphique http: // localhost: 8000 Pour
plus de détails, reportez-vous à l' article Création d'un projet vue à l'aide d'une interface graphique Il est pratique de créer et d'installer des dépendances et des plugins.
Les références
- Créer un nouveau projet en utilisant l'échafaudage vue-cli
- Comment créer un projet vue avec un échafaudage vue-cli
- Utilisez vue-cli (échafaudage vue) pour construire rapidement un projet
- Créer un projet de vue à l'aide d'une interface graphique
- Créez un projet en utilisant l'interface graphique de vue-cli3 & vue ui