讓webStorm支援自動監聽編譯scss檔案

前提概要

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

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

試過網上什麼該配置檔案，什麼設定utf-8，，，對于我完全不起作用！最後解決方法是：

File -> setting -> file encoding 檔案下的三個可以切換字元編碼的全部換成 “GBK”

二、解決了中文亂碼終于看到控制套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上傳圖檔上傳不上去，提示失敗，，，，]

作者：

承蒙時光

出處：

http://www.cnblogs.com/timetimetime/

本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。