Vue常用的UI组件-Elment（PC端Vue组件库）(饿了么组件)（推荐）

1.地址：https://element.eleme.cn/#/zh-cn

2.github地址：https://github.com/elemefe

　　　　　　 https://github.com/ElemeFE/element

　　vue3github地址：https://github.com/ElementUI/vue-cli-plugin-element

3.安装：npm i element-ui -S

　　安装完成后，会在项目的package.json文件中显示element-ui插件，如下：

  "dependencies": {
    "animate.css": "^3.7.2",
    "element-ui": "^2.13.1",
    "moment": "^2.24.0",
    "pubsub-js": "^1.8.0",
    "shortid": "^2.2.15",
    "vant": "^2.6.3",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1"
  },

 4.使用：

　　　　4.1.创建一个vue项目；

　　　　4.2.进入到项目路径下；

　　　　4.3. 将element添加到vue中，命令： vue add element

5.配置使用：

　　5.1.在工程目录下的src文件夹下新建一个plugins文件，在里面新建一个element.js，内容如下：

　　　　

//element插件配置-步骤1-配置插件js
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Element)

　　5.2.在项目的main.js 中导入配置如下：

//element插件配置-步骤2-引入配置插件js
import './plugins/element.js'

6. 命令行中输入：vue ui   来启动vue项目  （本人未启动成功，也许需要vue3，这个是为了启动一个可视化的项目创建，可以略过）

7.启动vue项目：npm run serve