muse-ui 的安装使用

npm i muse-ui -S

再启动项目

报错是因为less 的版本太高了

改成 这个

"less": "^3.12.2",

"less-loader": "^6.2.0",

再cnpm i

在public下的index引入

字体和图标

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">

<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">

全局引入：

import MuseUI from 'muse-ui';
import 'muse-ui/dist/muse-ui.css';

Vue.use(MuseUI);

按需要引入：

npm i babel-plugin-import less less-loader -D

 在babel.config.js下 引入

 "plugins": [
    ["import", {
      "libraryName": "muse-ui",
      "libraryDirectory": "lib",
      "camel2DashComponentName": false
    }]
  ]

import 'muse-ui/lib/styles/base.less';
import { Button, Select } from 'muse-ui';
import 'muse-ui/lib/styles/theme.less';

Vue.use(Button);
Vue.use(Select);

安装完成