聊聊webstorm sass編譯問題

本文由webstorm使用教學專欄為大家介紹webstorm下的sass編譯問題，具有一定的參考價值，希望能夠幫助到大家。

webstorm下的sass編譯問題

saas 需要運行在ruby 環境，所以需要安裝ruby 32 / 64

#1、安裝ruby

2、DOS指令中，測試ruby是否安裝：ruby -v （回車，出現版本號則是ruby安裝成功）

3、安裝sass指令： gem install sass

4、測試sass是否安裝成功：sass -v（回車，出現版本號則是sass安裝成功）

方法一：DOS指令sass轉換問css檔案監聽

#  1、在檔案目錄中，開啟dos命令列的方法  :shift 右鍵

  2、在命令列中輸入sass指令，可以把sass檔編譯成css檔

sass style.scss mystyle.css
sass style.scss ../css/mystyle.css

     監聽編譯：在sass 修改時，會同步修改css檔案

sass --watch style.scss:../css/mystyle.css

  3、退出監聽  ctrl c ，選擇y

##

Arguments：--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css

  3、退出監聽  ctrl c ，選擇y

#方法二：webstorm自帶監聽

1、一勞永逸：設定IDE 環境：

IDE 設定（位置：setting --> Tools --> File watchers）

如果sass和css是兩個資料夾分別存放scss和css：

if name.index(@root + "/") == 0 修改为 if name.encode("utf-8",'gbk').index(@root + "/") == 0

中文編譯報錯：【無法使用任何帶有中文的檔案名稱和備註】 找到檔案

###1、lib\ruby\gems\2.3. 0\gems\sass-3.4.22\lib\sass\importers\filesystem.rb的87行###rrreee###2、在.scss檔案中的頭部加上下面這句話@charset “UTF- 8”###

以上是聊聊webstorm sass編譯問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！