sass中出现的中文问题
2018-06-24 00:34:08来源:未知 阅读 ()
在这园子里看到了很多优秀的资源,自己也想写写东西,就突然想到了以前遇到写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文件内容的变化而变化)
这种方法得到的结果还是一致的。
关于中文路径的问题:
最后关于中文路径的问题:这个问题我也尝试过,但是最后还是会出现一些小问题,所有说大家不要使用中文路径。
最后说明下:此内容自己总结而来,写的很简单 , 如果有不足或者错误的地方 希望大家指正!
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:CSS盒子模型
- sass内置函数 2020-03-29
- sass常见的基本数据类型+加减乘除基本运算 2020-03-29
- sass基础语法--变量和引用+变量作用域+import 2020-03-29
- Sass环境安装--windows版sublime插件 2020-03-29
- sass案例--实现高仿今日头条H5版新闻列表页 2020-03-29
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash