muse-ui 和mintui ，less的安装使用

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);

安装完成

cnpm install mint-ui -S

//全局引入

import MintUI from "mint-ui";

import "mint-ui/lib/style.css";

Vue.use(MintUI);

再需要的子目录按需要引入

import { MessageBox } from "mint-ui";

import Tabbar from "@/components/common/Tabbar.vue";
import Header from "@/components/search/Header.vue";
import { MessageBox } from "mint-ui";

methods: {
    searchClear() {
      //删除本地存储
      MessageBox({
        title: "提示",
        message: "确定执行此操作?",
        showCancelButton: true,
      });

      // localStorage.removeItem("searchList");
      // this.searchArr = [];
    },
  },