1. 安裝Ruby 最新為 2.1.5版本，不放心的話安裝 Ruby 1.9.3-p551

   安裝過程中注意勾選上第二項！即將Ruby加入到可執行的環境變量中去。

向左轉|向右轉

    安裝結束后在命令行中運行 ruby -v 能看到對應的版本則說明安裝正確。

向左轉|向右轉

2.通過Ruby安裝Sass

    啟動Ruby中的“Start Command Prompt with Ruby”

    在命令行中輸入：

向左轉|向右轉

Ruby鏡像添加進來，安裝Sass。

安裝結束后在命令行中運行 sass -v 能看到對應的版本則說明安裝正確。

向左轉|向右轉

3.啟動WebStorm，打開已有項目，創建一個scss文件。

    這是在右上角會顯示Add Watcher按鈕，點擊它，在彈出的對話框中，將Program的路徑設為Ruby中scss.bat的路徑。

向左轉|向右轉

向左轉|向右轉

    也可以修改css的輸出路徑等等。

    主要步驟已經完成，現在在我們修改scss文件的時候，webstorm會為我們自動生成對應的css文件，別忘記在html中引入這個css文件。

    測試修改ionic的主題顏色，在之前創建的scss文件中添加以下內容并運行。

 $positive: #00FF00;  

@import "../lib/ionic/scss/ionic";  

    就會發現之前使用藍色positive的內容全部變成了綠色。