Skip to content

这个repo包含了我对Less、Stylus、Sass三者的feature比较代码,以及相应的ppt.

License

Notifications You must be signed in to change notification settings

wangwen1220/CSS-Preprocessors-Comparison

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS-Preprocessors-Comparison

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

下图附有与之对应的slider.

ScreenShot

Feature Comparision TODO

Initialize

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

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

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

$ gem install compass

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

$ bundle update compass

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

$ npm install

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

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

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

$ git branch

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

$ git checkout <feature branch>

Please Follow Me 🙏

我follow都不到两位数 😂

Liscense

MIT

About

这个repo包含了我对Less、Stylus、Sass三者的feature比较代码,以及相应的ppt.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published