vue开发 —— 结合Muse-UI

老板，来杯猫屎咖啡，哦，抱歉，是Muse咖啡

前序：

• 国内官网链接：Muse-UI
• 本章主要是拿Muse-UI的一些控件组合成一个界面，仅此而已的demo
• Muse-UI（本文当前版本号：3.0.1）
• 任何想复制就想运行的，请不要看下去了，此文贴代码仅仅为了省去一些繁琐事，以便诸位更多思考时间花在实际有用的地方

一：步骤：

1. 打开模板项目，在终端输入以下命令，安装Muse-UI到项目中

      npm i muse-ui -S

2. 在main.ts里面全局引入muse-ui ，修改的代码如下：

import Vue from "vue";
import App from "./App.vue";

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

Vue.config.productionTip = false;

Vue.use(MuseUI);

new Vue({
  render: h => h(App)
}).$mount("#app");

3. muse-ui 中示例的图标采用的是谷歌的Material Design Icons字体，官网的cdn地址很慢，故需要缓存到本地，（若觉得图标不符合，也是可以自定义图标的，此次暂默认使用官方标配），首先是下载官网给出的 material-icons.css，然后根据css里面的字体地址下载字体到本地，最后需要在main.ts引用material-