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

不言

Libérer： 2018-09-07 16:00:26

original

2525 Les gens l'ont consulté

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

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