SASS安装的那些事

SASS安装的那些事

在几个月前，就发现SASS，当时欣喜若狂，一直没有时间进行学习，如今能够好好的学习，记下笔记。能够说SASS在css的基础上进行补充和扩展，实现模块化和编程化开发，能快速，有效的构建项目，实现代码的可重用率和可读性，让sass具备变量，函数，面向对象，引用，计算等特性。

SASS安装

安装很简单，坑的是出现莫名其妙的的错误

普通安装方法

SASS的安装需ruby环境支持，下载ruby安装完后,打开Start Command Prompt with Ruby

而后在命令行中输入

gem install sass

安装完后，查看版本号，输入

sass -v

须要查看帮助命令，输入

sass -h

其它安装方法

前几天晚上，我安装的时候，一直安装不上，网络应该被强了，在网上找到了淘宝RubyGems镜像安装

$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -l
*** CURRENT SOURCES ***

https://ruby.taobao.org
# 请确保只有 ruby.taobao.org
$ gem install sass

只有mac下面才能够输入上面命令，在window下，须要去掉$字符，我已经被坑了几次，万恶的资本主义，在安装grunt的时候也是一样

错误解决方案

在SASS中会遇到这样和那样的错误，每解决一个错误，做为一点经验，一点点的茁壮成长

GBK中文字符编译输出错误

解决方法：

@charset "utf-8";

语法

SASS的使用，对于前几个月的我仍是很难的选择。自从深刻的学习javascript模块开发，组件开发，设计模式，css的NEC模块规范后，忽然发现SASS是那么和善可亲的O(∩_∩)O~

文件后缀名

在SASS中，分2种格式.sass和.scss，它们的写法不一样，生成的代码同样。这两种的区别在于.sass文件对代码的排版有着很是严格的要求，并且没有大括号，没有分号。

//文件后缀名为sass的语法
body
  background: #eee
  font-size:12px
p
  background: #0982c1

//文件后缀名为scss的语法  
body {
  background: #eee;
  font-size:12px;
}
p{
  background: #0982c1;
}

导入

在SASS文件中导入文件，能够这样来写

@import "base.css"; //导入base.css文件
@import "a" // 导入a.acss文件