webstorm中编辑scss文件可以添加一个watcher实现实时的css编译输出预览功能,今日在配置webstorm环境的时候发现报了某个scss文件Invalid GBK character编译错误,指示的错误行数是一行中文注释。

此源文件的编码是UTF-8,工作区项目也是UTF-8的,项目中的ruby配置文件也配置的字符集了,不过估计webstorm在进行scss的实时编译预览的时候应该是没有使用项目中的ruby配置,所以才导致编译失败,解决方案如下:

找到ruby的安装目录,如果你安装了sass模块,你会找到以下路径,如这个路径:

C:\Software\Ruby23-x64\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass

在这个文件里面engine.rb,添加一行代码,要放在所有require之后

Encoding.default_external = Encoding.find('utf-8')

QQ截图20160818134536

鸣谢以下单位提供各种资料来源
http://www.ccydesign.com/sass-syntax/

Safari中position对-webkit-font-smoothing的影响

阅读本文前建议先了解 -webkit-font-smoothing,戳这里查看。 最近在调整本blog的header样式的时候发现一个神奇的问题,当一个元素从 position:fixed; 变更为...

阅读全文

字体渲染抗锯齿CSS属性: -webkit-font-smoothing

前言 -webkit-font-smoothing 控制的字体渲染只对MacOS的Webkit有效。 所以,你在MacOS测试环境下面设置 -webkit-font-smoothing 时,只要你不把它设置为none...

阅读全文

本地调试关闭Chrome的同源策略

右键chrome的快捷方式,在“目标”尾部追加两个参数 --user-data-dir --disable-web-security 关闭所有chrome实例重新打开即可。

阅读全文

欢迎留言