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文件