首先要了解的是：sass是基於Ruby語言開發而成，因此安裝sass前需要點擊進入下載安裝Ruby。
建議安裝版本： Ruby 2.7.1-1 (x64)
雖然sass是基於Ruby語言開發的，但是我們只需要安裝該軟件就可以了，不需要學習Ruby語言
安裝Ruby：
注意，勾選Add Ruby executables to your PATH添加到系統環境變量，這樣就不用自己再重新配置環境了。
路徑，可以自己選擇安裝的位置。
安裝完成之后：在命令行工具上輸入：ruby -v 則可查詢ruby的版本號。
接下來開始安裝sass:
Ruby自帶一個叫做RubyGems的系統，用來安裝基於Ruby的軟件。我們可以使用這個系統來 輕松地安裝Sass和Compass。
要安裝最新版本的Sass和Compass，你需要輸入下面的命令：
gem install sass //安裝sass
gem install compass //安裝compass
如果mac安裝遇到權限問題需加 sudo 如 sudo gem install sass
安裝完成之后，分別輸入 sass -v 和 compass -v 來驗證安裝版本。
接下來你就可以去開發你的 scss 了。因為瀏覽器不能直接解析 scss 文件，所以要先將 scss 編譯為 css 文件 才行，下面來說一下sass的幾個命令行編譯方法：
1. //單文件轉換命令
sass input.scss output.css //這里 input.scss代表要被編譯的 scss文件 output.css代表編譯之后的css文件（單個文件編譯方法）
2. //單文件監聽命令
sass --watch input.scss:output.css //這里監聽的意思就是指定它編譯成 css 是怎么排版的
3.//如果有很多sass文件的目錄，也可以讓sass監聽整個目錄：
sass --watch app/sass:public/stylesheets //將app文件夾里的sass（scss）文件全部編譯為上線的css文件。
編譯的格式有四個：
1.nested 編譯排版格式，命令行：sass style.scss:style.css --style nested 這里的style.scss代表要編譯的scss 文件,
style.css代表編譯之后生成的css文件 --style 后面的 nested 代表的是這個編譯生成的css是以什么格式排版的
/*編譯過后樣式*/ .box { width: 300px; height: 400px; } .box-title { height: 30px; line-height: 30px; }
2.expanded 編譯排版格式，命令行：sass style.scss:style.css --style expanded
/*編譯過后樣式*/ .box { width: 300px; height: 400px; } .box-title { height: 30px; line-height: 30px; }
3.compact 編譯排版格式，命令行：sass style.scss:style.css --style compact
/*編譯過后樣式*/ .box { width: 300px; height: 400px; } .box-title { height: 30px; line-height: 30px; }
4.compressed 編譯排版格式，命令行：sass style.scss:style.css --style compressed
/*編譯過后樣式*/ .box{width:300px;height:400px}.box-title{height:30px;line-height:30px}
綜上，一般情況下使用第 2 和 第 4 種方法編譯比較多，最好的方法是，在開發中先用 第2種 方法編譯，在上線項目的時候在使用 第4中方法編譯編譯完之后就可以看到文件夾中生成了一個 css 文件了。通過在html的link標簽引用該css則可。