讓webStorm支持自動監聽編譯scss文件

前提概要

今日，重裝了兩波系統，，，以前安裝的各類環境都忘光了，從新又踩一次坑的感受很不舒服，因此記錄一下配置自動編譯scss一路遇到的坑

1、webstrom run的時候控制檯輸出的錯誤中文提示亂碼

試過網上什麼該配置文件，什麼設置utf-8，，，對於我徹底不起做用！最後解決方法是：
File -> setting -> file encoding 文件下的三個能夠切換字符編碼的所有換成 「GBK」

2、解決了中文亂碼終於看到控制套scss編譯錯誤提示的是什麼了

正確的讓webstrom 支持自動監聽並編譯scss文件步驟

• 下載ruby安裝包，傻瓜式安裝，安裝完成後
• cmd 命令行輸入 ruby -v ,若是出現版本號，那就是安裝成功啦
• cmd 命令行繼續輸入 gem install sass ,而後ruby的安裝文件 bin文件下就會出現sass編譯的各類工具
• 在webstorm這樣配置
  program ： C:\Ruby25-x64\bin\scss.bat
  arguments : --no-cache --update $FileName$:$FileNameWithoutExtension$.css
  output.. : $FileNameWithoutExtension$.css

[我也很想上傳圖片，博客園的markdown上傳圖片上傳不上去，提示失敗，，，，]