獲取 MDUI

2018-05-23 21:55 更新

我們提供了多種方式來獲取 MDUI。


下載文件

你可以直接從 MDUI 官網(wǎng)下載打包后的文件,其中包含了壓縮過的和未壓縮過的 CSS 和 JavaScript 文件,以及 Roboto 字體文件和 Material Icons 圖標(biāo)文件。

去 MDUI 官網(wǎng)


CDN

cdnjs (國外訪問速度較快)

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

bootcdn (國內(nèi)訪問速度較快)

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


Bower

執(zhí)行下面的命令安裝 MDUI:

bower install mdui


NPM

執(zhí)行下面的命令安裝 MDUI:

npm install mdui


從源代碼構(gòu)建

MDUI 使用 Gulp 進(jìn)行構(gòu)建。從 Github 獲得源代碼后,可以執(zhí)行下列 gulp 命令進(jìn)行構(gòu)建。

命令 說明
 gulp version 輸出當(dāng)前版本號
 gulp watch 在源碼發(fā)生修改時執(zhí)行打包命令
 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 進(jìn)行定制打包,打包后的文件位于 custom/ 目錄中。該命令需要包含參數(shù),參數(shù)說明如下:
gulp custom
            -modules:用“,”分隔的模塊名
            -primary-colors:用“,”分隔的主色名
            -accent-colors:用“,”分隔的強(qiáng)調(diào)色名
            -color-degrees:用“,”分隔的顏色飽和度
            -layout-dark
 gulp clean-custom 清空 custom/ 目錄下的所有文件


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號