RUI基礎(chǔ)樣式庫(kù)

RUI 是一套前端開(kāi)發(fā)框架，視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，借助開(kāi)源力量為系統(tǒng) Web 開(kāi)發(fā)量身設(shè)計(jì)，可以令我們開(kāi)發(fā)的系統(tǒng)使用感知更加統(tǒng)一。

執(zhí)行任務(wù)

$ gulp watch

文檔預(yù)覽

1. 克隆RUI

2. 切換到 gh-pages 分支

$ git clone https://github.com/r-ui/rui.git
$ git checkout gh-pages

使用

JS 中引入模塊。未上傳npm，目前不能使用，如果使用，使用方法

1. $ git clone URL 進(jìn)入cd rui 。

2. 運(yùn)行命令 npm link 添加軟鏈，就相當(dāng)于全局安裝rui。

3. 進(jìn)入要使用的項(xiàng)目 npm link rui 在該項(xiàng)目中進(jìn)行添加軟鏈，此時(shí)可以在項(xiàng)目中引用。

var rui = require('rui'),
    stylus    = require('stylus');

function compile(str) {
  return stylus(str)
    .use(rui());
}

Stylus 中使用

@import 'rui/variables'
@import 'rui/mixins'
@import 'rui/alerts'