Comment créer rapidement des projets avec vue-cli et element-ui

Element-ui est un framework d'interface utilisateur basé sur vue2.0 et est actuellement le framework le plus populaire. Cet article vous présentera comment créer rapidement des projets avec vue-cli et element-ui.

1. Avant-propos

L'arrivée de vue2.0, avec sa documentation API chinoise complète et facile à apprendre, et son écosystème riche, est devenue l'actuelle domestique Le framework MVVM frontal très populaire,
element-ui est un framework d'interface utilisateur basé sur vue2.0, développé et maintenu par l'équipe Ele.me. Il s'agit actuellement du framework le plus populaire de la bibliothèque vue UI

2. Opération de code

Il existe deux façons d'utiliser vue-cli + element-ui

Option 1 :

①Utilisez d'abord vue-cli pour construire le projet,
② Utilisez ensuite npm pour installer les modules et plug-ins correspondants,
③Allez sur webpack.conf.js pour configurer le chargeur de différents fichiers,
④ Allez sur .babelrc pour configurer le plug-in

Si le projet n'a pas encore été écrit, n'utilisez pas l'option 1. Si le projet est démarré depuis un certain temps, alors vous devez gérer chaque étape selon les points ci-dessus. Si vous ne faites pas attention, une erreur sera signalée. Voici la deuxième option, qui consiste à utiliser un modèle fourni par element-ui

Option 2 :

① Utilisez la commande git git clone https://github.com/ElementUI/element-starter.git pour télécharger le modèle officiel,
② Utilisez cnpm intsall pour télécharger les modules dépendants (s'il n'y a pas de miroir Taobao, cnpm peut utiliser npm install)
③ Utilisez npm run dev pour exécuter le projet

La structure de base du modèle est la suivante - elle est fondamentalement la même que le projet construit à l'aide de

échafaudage, très proprevue-cli

Une fois le projet en cours d'exécution, vous pouvez voir une page simple - elle comporte un composant bouton

de plus que la page du projet construite à l'aide de vue-clielement-ui

Suivant Vous pouvez utiliser la bibliothèque

~element-ui

Une application simple d'ElementUI, vous pouvez suivre l'article ci-dessous, cliquez sur le lien pour entrer

Utilisez vue2.0 pour créer rapidement une interface d'ajout, de suppression, de modification et de gestion des requêtes en arrière-plan

3 Autres

paramètres d'installation

1. 🎜>2. Écrire des dépendances dev

npm install module_name -S

npm install module_name --save

3. Installation globale (utilisation de la ligne de commande)

npm install module_name -D

Recommandations associées :

npm install module_name --save-dev

Comment utiliser vue-cli pour construire rapidement un projet

npm install module_name -g

Comment réaliser le développement international de vue-i18n et element-ui dans le projet 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!