sublime Text3下sass環境配置（windows）

導語：

因爲準備學習 Sass，而且我習慣使用sublime編輯器，折騰了下sublime下如何配置 sass，記下遇到的坑，有什麼問題歡迎交流。

1、安裝Ruby環境

1. Sass依賴於ruby環境，因此裝sass以前先確認裝了ruby。能夠到 Ruby 的官網下載對應須要的 Ruby 版本。
2. 安裝注意：
   
3. 安裝成功，輸入ruby -v，能夠看到：

2、安裝Sass

1. 經過終端命令安裝 Sass。
   

• 打開電腦的ruby命令終端，輸入下面的命令: gem install sass
• 提醒一下，在使用 Mac 的同窗，可能須要在上面的命令前加上」sudo」，才能正常安裝：sudo gem install sass
• 上面的方法通常是能安裝成功的，可是牆的厲害，因此我是使用淘寶鏡像安裝的
• 淘寶鏡像安裝法：（ruby終端下輸入命令）
  

  $ gem sources –remove https://rubygems.org/
  $ gem sources -a https://ruby.taobao.org/ 【若是你係統不支持https，請將淘寶源更換成：gem sources -a http://gems.ruby-china.org】
  gemsources−l gem install sass

• 成功後如圖：
  

3、Sublime下安裝Sass和Sass Build

打開sublime,鍵入快捷鍵Ctrl+Shift+P，在 install package 下找到Sass和Sass Build，安裝。成功後在 package control:list package 下能看見

4、結語

至此，安裝已經完成，在sublime編輯器下建立`.sass`文件，保存後，快捷鍵`Ctrl+B`便可獲得`.css` 和`.css.map`文件。

若是編譯出錯，能夠嘗試把後綴.sass改成.scss

5、相關資料

• w3cplus
• 前端網ruby安裝
• Sass教程