之前沒有用過scss來寫樣式,今天研究摸索了一天,最終在webstrom上面把配置弄好,可以順利編寫實現樣式,實時解析成css了,寫下來以便隨時用到
1.下載安裝ruby,安裝的時候記得
2.在ruby -v可以查看版本以後 就可以安裝sass了,gem install sass命令用這個,不過千萬記住一定要在C:\Windows\System32這個文件夾下面安裝(我是小白...我的問題來了,怎麼從C:\Users\Administrater回到上面呢,'cd..'命令可以回到根目錄)
3.等到gem install sass命令執行完安裝好以後,可以查看一下sass -v 有版本出來的話說明已經安裝成功啦,就可以進行下一步,在webstrom上面進行調試匹配
4.打開webstorm創建空項目，點擊“File”菜單選擇“Setting”找到
注意"program"這一項一定要在你安裝ruby時bin文件裏面的scss.bat,然後點擊'ok'就大功告成了
5.不過注意的是:需要重啓webstrom,在編譯scss文檔期間可以能遇到報錯
"Encoding::CompatibilityError: incompatible character encodings: GBK and UTF-8
Use --trace for backtrace."
我百度了下解決方法,大部分都是告訴我在scss文檔最開頭最開頭寫@charset 'utf-8'就可以解決了,但是我要說------我加上了呀,怎麼還錯....後面又接着問度娘如何解決,最後看到一個很可能的問題,就是我的目錄裏面包含了中文....然後我把我正在寫的文件單獨提煉出來(前提是英文命名的),
但是!還是有問題
Error: Invalid GBK character "\xE5" on line 4 of px2rem.scss from line 2 of style.scss
,接着解決(本以爲一帆風順了可以愉快地敲代碼了):
在安裝ruby的文件裏面找到engine.rb
C:\Ruby\lib\ruby\gems\2.3.0\gems\sass-3.4.24\lib\sass
在這個文件裏面engine.rb，添加一行代碼在一串串的紅色require *** 等後面就行,目前爲止
Encoding.default_external = Encoding.find('utf-8')
問題就解決了!(歡呼O(∩_∩)O~~)
webstrom配置less環境 收藏地址http://blog.csdn.net/xuanwuziyou/article/details/48132167
