# 安裝SASS

我們要學sass要用sass當然是要先安裝他囉，跟著下面步驟即可順利使用及運行sass囉。

> ### 安裝Ruby環境

由於Sass是採用Ruby程式語言所寫的，因此系統需先安裝Ruby環境才能使用，因此得先到Ruby官網下載並安裝。[下載點](https://www.ruby-lang.org/zh_tw/downloads/)

> ### 安裝SASS

開啟命令提示字元，輸入`gem install sass`指令，再按下Enter鍵。

> ### 安裝Compass

安裝好Sass後，接著再輸入`gem install compass`指令。

> ### 安裝Autoprefixer

Autoprefixer是一個自動幫CSS加上前輟詞的工具，輸入`gem install autoprefixer-rails`

之後在sass專案的設定檔最底下可以加上以下程式碼

```css
Encoding.default_external = 'utf-8'
sourcemap = true
cache = false
asset_cache_buster {|*args| nil }


require 'autoprefixer-rails'
on_stylesheet_saved do |file|
    css = File.read(file)
    map = file + '.map'
    if File.exists? map
        result = AutoprefixerRails.process(css,
        from: file,
        to:   file,
        map:  { prev: File.read(map), inline: false })
    File.open(file, 'w') { |io| io << result.css }
    File.open(map,  'w') { |io| io << result.map }
    else
        File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) }
    end
end
```

## 這樣就完成囉，可以去建立SASS專案囉\~。