初认识sass

2019独角兽企业重金招聘Python工程师标准>>>

看了看sass，感觉很多地方确实比之前单纯写css要方便直观很多。易于理解

记录下对sass的学习。

sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!）

window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。

安装完成之后，按中文文档更换淘宝镜像十一个坑，已经停止维护了，使用原本的就好。

安装完成之后，然后如下安装

gem install sass
gem install compass

如下sass常用更新、查看版本、sass命令帮助等命令：

//更新sass
gem update sass

//查看sass版本
sass -v

//查看sass帮助
sass -h

sass编译有很多种方式，如命令行编译模式、sublime插件SASS-Build、编译软件koala、前端自动化软件codekit、Grunt打造前端自动化工作流grunt-sass、Gulp打造前端自动化工作流gulp-ruby-sass等。

选用了koala，可在sass文件和scss文件平级目录下的css文件下自动生成对应的css文件。发生错误的时候，会弹出详细的提示。

sass写法如下：

#sidebar
  width: 30%
  background-color: #faa

scss写法如下：

.box {
    width: 300px;
    height: 400px;
    &-title {
        height: 30px;
        line-height: 30px;
        font-family: "微软雅黑";
    }
}

以为平常都写java，js，小程序等代码，习惯scss写法。

转载于:https://my.oschina.net/u/2417992/blog/3023196