首頁  >  文章  >  web前端  >  sass中出現的中文問題

sass中出現的中文問題

WBOY
WBOY原創
2016-10-22 11:56:251326瀏覽

    在這園子裡看到了很多優秀的資源,自己也想寫寫東西,就突然想到了以前遇到寫sass的時候出現中文亂碼的解決方案。所有就自己又總結了一下。 (以下測試步驟都是自己完成的!沒有任何轉載,如有錯誤,希望大家指正)

簡單說明下:sass來編寫css樣式方便了很多,讓我們本來沒有邏輯處理能力的css語法,在sass中編寫具有了簡單的邏輯處理能力.

這裡sass的安裝就不仔細介紹了。流程大致是這樣  安裝ruby  ---   安裝sass  --  webstrom中設定sass

 

  一:透過往sass的設定檔修改

   

  首先sass的這個設定檔 一般都存在ruby安裝的目錄下。

這是我的ruby 安裝目錄   找到之後呢 就在這個資料夾中尋找我們所需要設定的檔案:

如果說你們安裝的版本和我相同  那就大致是以下路徑,

Ruby23-x64librubygems2.3.0gemssass-3.4.22libsass

在sass下有一個設定檔:

engine.rb檔;

開啟------

在這個地方加入 如下程式碼  :  Encoding.default_external = Encoding.find('utf-8');

----save  大功告成       去試試吧!

 

 

ok  完美! ;

二:透過新增     @charset "UTF-8";

 

   這個方法的話需要你用到中文的時候才添加  ,第一種方法就是sass自動幫你添加。原理還是一致;

    新增的地方就是你的sass檔案  

  (不要忘sass生成的css中添加,因為每次添加都會無效,因為編譯生成的css的內容只會隨著相應的sass檔案內容的變化而變化)

這種方法得到的結果還是一致的。

  關於中文路徑的問題:

最後關於中文路徑的問題:這個問題我也嘗試過,但是最後還是會出現一些小問題,所有說大家不要使用中文路徑。

 

  最後說明下:此內容自己總結而來,寫的很簡單 , 如果有不足或錯誤的地方 希望大家指正!

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn