在這園子里看到了很多優秀的資源,自己也想寫寫東西,就突然想到了以前遇到寫sass的時候出現中文亂碼的解決方案。所有就自己又總結了一下。(以下測試步驟都是自己完成的!沒有任何轉載,如有錯誤,希望大家指正) 簡單說明下:sass來編寫css樣式方便了很多,讓我們本來沒有邏輯處理能力的css語法,在sas ...
在這園子里看到了很多優秀的資源,自己也想寫寫東西,就突然想到了以前遇到寫sass的時候出現中文亂碼的解決方案。所有就自己又總結了一下。(以下測試步驟都是自己完成的!沒有任何轉載,如有錯誤,希望大家指正)
簡單說明下:sass來編寫css樣式方便了很多,讓我們本來沒有邏輯處理能力的css語法,在sass中編寫具有了簡單的邏輯處理能力.
這裡sass的安裝就不仔細介紹了。過程大致是這樣 安裝ruby --- 安裝sass -- webstrom中配置sass
一:通過往sass的配置文件中修改
首先sass的這個配置文件 一般都存在ruby安裝的目錄下。
這是我的ruby 安裝目錄 找到之後呢 就在這個文件夾中尋找我們所需要配置的文件:
如果說你們安裝的版本和我相同 那就大致是以下路徑,
Ruby23-x64\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass
在sass下有一個配置文件:
engine.rb文件;
打開------
在這個地方添加 如下代碼 : Encoding.default_external = Encoding.find('utf-8');
----save 大功告成 去試試吧!
ok 完美!;
二:通過添加 @charset "UTF-8";
這個方法的話需要你用到中文的時候才添加 ,第一種方法就是sass自動幫你添加。原理還是一致;
添加的地方就是你的sass文件中
(不要忘sass生成的css中添加,因為每次添加都會無效,因為編譯生成的css的內容只會隨著相應的sass文件內容的變化而變化)
這種方法得到的結果還是一致的。
關於中文路徑的問題:
最後關於中文路徑的問題:這個問題我也嘗試過,但是最後還是會出現一些小問題,所有說大家不要使用中文路徑。
最後說明下:此內容自己總結而來,寫的很簡單 , 如果有不足或者錯誤的地方 希望大家指正!