sass中出現的中文問題

来源:http://www.cnblogs.com/zengwenhui/archive/2016/10/22/5987138.html
-Advertisement-
Play Games

在這園子里看到了很多優秀的資源,自己也想寫寫東西,就突然想到了以前遇到寫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文件內容的變化而變化)

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

  關於中文路徑的問題:

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

 

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

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="test" id="n1" value="" /> <input type="test" id="n2" ...
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var year=prompt("請輸入年份");/ ...
  • 今天碰到了這樣一個問題,我在javascript中動態創建了一個button, 然後我想給改button添加click事件,綁定的function想要傳入一個變數參數, 一開始我想直接通過函數傳參傳進來,然而不知道為什麼,click事件無法正常響應, 最後發現可以這麼做,將需要傳入的參數加入butt ...
  • 今天周六,玩了一上午lol了,趁等飯點的時間淺談一下jquery插件開發,望大神指教鞭策! 在軟體開發過程中需要一定的設計模式來指導開發,有了模式,我們便能更好的組織我們的代碼,並從前人的經驗中學到更好的實踐。根據《jQuery高級編程》中的描述,jQuery插件開發方式重要有三種: 通常我們使用第 ...
  • JS由表達式和語句組成 表達式:計算出一個值,但並不進行任何操作,不改變電腦運行狀態 語句:包括 聲明語句,賦值語句,控制結構 函數,對象,方法,this 數組和對象:是兩個非常重要的數據類型 函數:是帶有名稱和參數,可被多次調用的代碼段,函數也是對象,所以函數也是數據類型 函數可以作為方法和構造 ...
  • 求子串 數據結構中對串的5種最小操作子集:串賦值,串比較,求串長,串連接,求子串,其他操作均可在該子集上實現 數據結構中串的模式匹配 數據結構中串的模式匹配 KPM模式匹配演算法 基本的模式匹配演算法 看的出來,每當匹配不成功時,i總是回朔本次匹配的開始位置KPM,一種改進了的模式匹配演算法,解決i回朔問 ...
  • 2016-10-22 12:22:42 相關概念 AJAX(Asynchronous Javascript And XML)即“非同步JavaScript和XML”; 是指一種實現客戶端和伺服器的數據傳遞的網頁開發技術; 核心:局部刷新,非同步載入; 即“在不需要刷新頁面的情況下,就可以與Web伺服器交 ...
  • IndexedDB是HTML5規範里新出現的瀏覽器里內置的資料庫。對於在瀏覽器里存儲數據,你可以使用cookies或local storage,但它們都是比較簡單的技術,而IndexedDB提供了類似資料庫風格的數據存儲和使用方式。存儲在IndexedDB里的數據是永久保存,不像cookies那樣只 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...