首先安裝：

cnpm i element-ui -S  //安裝element-ui

cnpm i mint-ui -S  //安裝mint-ui

為了減小專案體積，為了引入外掛或者元件時會自動引入相應的 CSS 檔案，咱們按需引入，所以藉助： babel-plugin-component 

肯定得安裝：

cnpm i babel-plugin-component -D

然後修改.babelrc：

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    ["component",
      [{
        "libraryName": "mint-ui",
        "style": true
      },
        {
          "libraryName": "element-ui",
          "styleLibraryName": "theme-chalk"
        }]
    ]
  ]
}

當然這樣寫還不夠，會報錯，所以我們還需安裝：

cnpm install babel-preset-es2015 --save-dev

還有第二種方法，在網上看的：

再需安裝一個： npm install babel-plugin-import --save-dev 

然後再修改：

{
"presets": [

["env", {
  "modules": false,
  "targets": {
    "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
  }
}],
"stage-2"
 

],
"plugins": ["transform-vue-jsx", "transform-runtime",

["component", {
  "libraryName": "mint-ui",
  "style":true
}],
["import",
  {
    "libraryName": "element-ui",
    "styleLibraryName": "theme-chalk"
  }
]

]
}

這個我沒試，大家可以試一試，我只是在這裡先記錄一下。

配置好後，舉個例子：

import Vue from 'vue'
import App from './App.vue'
import Element from 'element-ui'
import {Button } from 'mint-ui/lib/button';

Vue.component(Button.name, Button);
Vue.use(Element)



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