sass中出现的中文问题

在这园子里看到了很多优秀的资源,自己也想写写东西,就突然想到了以前遇到写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文件内容的变化而变化)

这种方法得到的结果还是一致的。

  关于中文路径的问题:

最后关于中文路径的问题:这个问题我也尝试过,但是最后还是会出现一些小问题,所有说大家不要使用中文路径。

最后说明下:此内容自己总结而来,写的很简单 , 如果有不足或者错误的地方 希望大家指正!

时间: 2024-10-10 06:02:14

sass中出现的中文问题的相关文章

sass中中文注释报错

最近项目中用到了sass来编译css,但是scss代码中写了中文注释后编译报错, 经过查找文档和资料,终于找到了解决办法,即在scss文件顶部加上@charset "utf-8";这句代码就ok了.

Sass 中的 @ 规则

一. @import Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass 文件. 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件. 另外,被导入的文件中所定义的变量或 mixins 都可以在主文件中使用. 例如: @import "foo.scss"; 二. @extend 是用来扩展选择器或占位符. 三. @at-root 从字面上解释就是跳出根元素.当你选择器嵌套多层之后,想让某个选择器跳出,此时就可以使用 @

安装完Linux Mint后,发现系统中竟没有中文输入法

安装完Linux Mint后,发现系统中竟没有中文输入法,语言支持之后自动更新过程中有些安装包下载失败. 可以采取下面的方法安装上中文输入法. 1. 安装iBus: sudo add-apt-repository ppa:shawn-p-huang/ppasudo apt-get update sudo apt-get install ibus-gtk ibus-pinyin ibus-pinyin-db-open-phrase 2. 打开语言支持,选择更新,这时它会下载一系列相关安装包 3.

sass中的三种循环

一.for循环 在sass中的@for循环有两种方式: ①@for $i from <start> through <end> ②@for $i from <start> to <end> 其中$i表示变量,start表示开始值,end表示结束值: through表示包括end这个数值:to表示不包括end这个数值: 二.while循环 只要@while后面的条件为true就会执行,直到表达式值为false时停止循环: 三.each  in循环 就是去遍历一

iOS开发之获取一段字符串中的中文字和中文字符

#pragma mark -获取一段字符串中的中文字 + (NSArray *)getAStringOfChineseWord:(NSString *)string { if (string == nil || [string isEqual:@""]) { return nil; } NSMutableArray *arr = [[NSMutableArray alloc]init]; for (int i=0; i<[string length]; i++) { int a

iOS边练边学--NSURLSession、NSURLSessionTask的介绍与使用以及url中包含了中文的处理方法

一.NSURLSession.NSURLSessionTask的使用步骤 首先创建NSURLSession对象 通过NSURLSession对象创建对应的任务 <1>NSURLSessionDataTask的GET和POST  -- 以及url中包含了中文的解决办法 <2>NSURLSessionDownloadTask实现小文件的下载 <3>NSURLSessionDownloadTask实现大文件的断点下载 -- 暂时没有实现退出程序后的文件续传 1 #import

jni中字符转换中文乱码的处理方法

转自:http://blog.sina.com.cn/fangaosjtu 这两天在学习使用jni,在java程序中,调用海量词典的dll.利用jni的GetStringChars函数和NewString函数时,遇到了中文乱码的问题,折腾了一个晚上.查阅了一些资料,总结如下: 一.相关概念 java内部是使用16bit的unicode编码(UTF-16)来表示字符串的,无论中文英文都是2字节: jni内部是使用UTF-8编码来表示字符串的,UTF-8是变长编码的unicode,一般ascii字符

Linux系统中 Sublime Text 中文 GBK 文件乱码问题

Sublime Text 是一个很不错编辑器,具有漂亮的界面和强大的功能.再加上丰富的插件,而且还跨平台,绝对是一款实打实的神器啊! 众所周知,Sublime Text 对中文支持的极差,可以说几乎就没有特别的支持.尤其是 GBK 编码的中文文件,直接打开就是一团乱码.ST 的开发者 Jon Skinner 貌似对中国市场不怎么感冒,一直未加中文 GBK 的支持.既然开发者不给支持中文,那么就只能靠中国用户自己解决问题了.在这里感谢热心网友 seanliang 开发了强大的 ConvertToU

[C/C++]_[VS2010源码中使用UTF8中文字符串被转码为ANSI的问题]

场景: 1.本以为vs设置了源文件的UTF8编码,代码中出现的中文字符串就一定是utf8编码了,可惜不是,如果源码中出现了中文字符串,会在内存中转码为ANSI编码. Unicode(UTF8带签名) 代码页(65001),从菜单->文件->高级保存选项 设置. 例子: char path[] = "resources\\中文\\"; for(int i = 0; i < strlen(path); ++i) { printf("0x%x,",(un