Vue+MDUI+Muse-UI的使用与安装

作者：陈世佳  编写时间：2018-6-1

方法如下：

步骤一：安装Vue

//查看npm版本

npm -v

//升级npm

cnpm install npm -g

//安装Vue

cnpm install vue

//全局安装vue-cli

cnpm install --global vue-cli

//创建Vue项目（需要进行一些配置，默认回车即可）

vue init webpack my-project

//进入Vue项目

cd my-project

//安装依赖

cnpm install

//运行监测Vue项目是否成功安装

cnpm run dev

步骤二：添加MDUI

在static文件夹里添加从官网里下载的mdui包--官方MDUI包，

然后分别在项目里的index.html的head里和body里添加下面两条语句即可。

<link rel="stylesheet" href="./static/mdui/css/mdui.css">

<script src="./static/mdui/js/mdui.js"></script>

步骤三：添加Muse-UI

安装Muse-UI

cnpm i muse-ui -S

在main.js里添加后即可使用

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

Vue.use(MuseUI);