對於非專業前端開發（我是專業Android開發…），mint-ui總是讓我感覺有點cao-dan，所以再放棄之後，朋友立馬給我推薦了vux： https://doc.vux.li/zh-CN/
看了下效果：https://vux.li/demos/v2/?x-page=v2-doc-home#/demo ；還真是可觀。

vux2必須配合vux-loader使用：npm install vux-loader --save-dev；
安裝vux：npm install vux --save。
在這裡如果安裝不上可以用淘寶映象，cnpm代替npm執行以上命令。如果你cnpm不被識別，騷年請繼續：npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝完畢後，在build/webpack.base.conf.js檔案裡參照下面進行配置：

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原來的 module.exports 程式碼賦值給變數 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ['vux-ui']
})

其中上面的originalConfig

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  ······
 

把上面的module.exports改寫成originalConfig,如下圖

執行時，如果報**less…**錯誤，繼續安裝：

npm install less less-loader --save-dev   //同理，cnpm代替npm

到此，算是完全的引入vux了，小試牛刀：

<template>
  <div>
   <group title="Default">
      <x-input title="message" placeholder="I'm placeholder" v-model="value"></x-input>
      <span style="margin-left: 15px;" >value: {{value}}</span>
      <br>
    </group>
  </div>
</template>

<script>
import { XInput, Group}  from 'vux'

export default {
 data () {
          return {
      value:'test',
    }
  },
  components: {
    Group,
    XInput
  }
}
</script>