阅读(723) (16)

获取 MDUI

2017-05-22 17:49:39 更新

我们提供了多种方式来获取 MDUI。


下载文件

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

去 MDUI 官网


CDN

cdnjs (国外访问速度较快)

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mdui/0.2.1/css/mdui.min.css" rel="external nofollow" target="_blank" >
<script src="//cdnjs.cloudflare.com/ajax/libs/mdui/0.2.1/js/mdui.min.js" rel="external nofollow" ></script>

bootcdn (国内访问速度较快)

<link rel="stylesheet" href="//cdn.bootcss.com/mdui/0.2.1/css/mdui.min.css" rel="external nofollow" target="_blank" >
<script src="//cdn.bootcss.com/mdui/0.2.1/js/mdui.min.js" rel="external nofollow" ></script>


Bower

执行下面的命令安装 MDUI:

bower install mdui


NPM

执行下面的命令安装 MDUI:

npm install mdui


从源代码构建

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/ 目录下的所有文件