项目作者: wangwen1220

项目描述 :
这个repo包含了我对Less、Stylus、Sass三者的feature比较代码,以及相应的ppt.
高级语言: JavaScript
项目地址: git://github.com/wangwen1220/CSS-Preprocessors-Comparison.git
创建时间: 2014-11-18T07:25:06Z
项目社区:https://github.com/wangwen1220/CSS-Preprocessors-Comparison

开源协议:MIT License

下载


CSS-Preprocessors-Comparison

这个repo包含了我对Less、Stylus、Scss、Myth四者的feature比较代码,以及如何通过rework framework创建一个自己的preprocessor。

下图附有与之对应的slider.

ScreenShot

Feature Comparision TODO

Initialize

step1 clone这个repository并进入其根目录:

  1. $ git clone git@github.com:abruzzihraig/CSS-Preprocessors-Comparison.git & cd ./CSS-Preprocessors-Preprocessors

step2 在你拥有ruby环境的前提下,如果没有安装compass,请通过下面的命令安装:

  1. $ gem install compass

step3 在你拥有ruby环境的前提下,如果已经装有compass,请更新你的compass至最新版本:

  1. $ bundle update compass

step4 在你拥有node环境的前提下,执行:

  1. $ npm install

step5 在gulpfile所在目录(git根目录),执行:

  1. $ gulp // Tips: 这会开启带有watch listener的编译task,随着你更换分支而自动编译更新'dist'目录下的所有css文件

step6 执行下面的命令,你可以看到比较所有css preprocessor特性的分支:

  1. $ git branch

step7 选择你感兴趣的特性比较分支,执行:

  1. $ git checkout <feature branch>

Please Follow Me :pray:

我follow都不到两位数 :joy:

Liscense

MIT