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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...