安装 - MDUI 开发文档, Material Design 前端框架

获取 MDUI

下载文件

你可以直接从 MDUI 官网下载打包后的文件，其中包含了压缩过的和未压缩过的 CSS 和 JavaScript 文件，以及 Roboto 字体文件和 Material Icons 图标文件。

CDN

cdnjs （国外访问速度较快）

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mdui/0.4.2/css/mdui.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mdui/0.4.2/js/mdui.min.js"></script>

css.net （国内访问速度较快）

<link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.2/css/mdui.min.css">
<script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.2/js/mdui.min.js"></script>

Bower

执行下面的命令安装 MDUI：

bower install mdui --save

NPM

执行下面的命令安装 MDUI：

npm install mdui --save

自定义构建

MDUI 使用 Gulp 进行构建。从 Github 获得源代码后，可以执行下列 gulp 命令进行构建。

命令	说明
`gulp version`	输出当前版本号
`gulp watch`	在源码发生修改时执行打包命令
`gulp build-css`	打包 CSS 文件，打包后的文件位于 `dist/css/` 目录中
`gulp build-js`	打包 JavaScript 文件，打包后的文件位于 `dist/js/` 目录中
`gulp build`	打包所有文件，打包后的文件位于 `dist/` 目录中
`gulp clean-css`	清空 `dist/css/` 目录下的 CSS 文件
`gulp clean-js`	清空 `dist/js/` 目录下的 JavaScript 文件
`gulp custom`	进行定制打包，打包后的文件位于 `custom/` 目录中。该命令需要包含参数，参数说明如下： `gulp custom -modules:用“,”分隔的模块名 -primary-colors:用“,”分隔的主色名 -accent-colors:用“,”分隔的强调色名 -color-degrees:用“,”分隔的颜色饱和度 -layout-dark`
`gulp clean-custom`	清空 `custom/` 目录下的所有文件