安装

sass 必须先安装ruby,再安装sass gem install sass
less 先安装npm npm install -g less

简单使用

less

lessc styles.less
lessc styles.less styles.css
lessc –clean-css styles.less style.min.css 先安装clean-css插件

sass

sass test.scss sass
test.scss test.css
sass –style nested test.sass test.css 嵌套缩进的css代码，它是默认值
sass –style expanded test.sass test.css 没有缩进的、扩展的css代码
sass –style compact test.sass test.css 简洁格式的css代码
sass –style compressed test.sass test.css 压缩后的css代码

// watch a file
sass --watch input.scss:output.css
// watch a directory
sass --watch app/sass:public/stylesheets

px转rem

https://www.npmjs.com/package… 官方文档

安装 npm install -g px2rem

px2rem src/*.css

px2rem -u [40] login.css 设置rem default:75，这里设置成40

参考

sass使用教程 阮一峰
sass高级用法实例
less中文官网 语言特性
flex布局教程 语法篇
flex布局教程 实例篇