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