Element-UI安装使用教程

是什么

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI
官方介绍：Element-Ul是一个网站快速成型工具，一套为开发者，设计师和产品经理准备的基于Vue 2.0的桌面端组件库

安装

方法一 npm安装

进入你已经创建好的Vue项目，然后输入下面命令

npm i element-ui -S

注意：如果安装进程一直没变在，像停在某个界面，可以试试更换成淘宝的源，输入下面

npm config set registry https://registry.npm.taobao.org

更换安装源后再输入安装命令即可：

pm i element-ui -S

npm安装后引入element组件(完整引入)

在 main.js 中写入以下内容：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
 el: '#app',
 render: h => h(App)
});

之后重新运行vue项目即可