Sass、Less编译器koala及koala不支持中文字体的解决方法
2017-08-09 11:50
513 查看
一款很好用的Sass编译器,还可以编译Less、coffeescript等
去官网下载适合自己电脑的版本
http://koala-app.com/index-zh.html
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114204933-1864770404.png)
打开后拖动或者打开项目目录,如果文件种类较多,可以在下方筛选需要的项目类型
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114424386-1742031485.png)
几种不同输出方式的对比:
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141437699-684776990.jpg)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141432917-306213450.jpg)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141425402-1288495080.jpg)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141410652-749564134.jpg)
点击左上角的设置,可以修改为中文语言,再重启一下就设置成功了
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114519714-1655605484.png)
右键单击项目设置输出目录及输出css文件名,点右边操作的执行编译就可以看到实时生成的CSS文件了
koala编译的Sass等是不支持中文字体的,解决方法:
1.在scss文件第一行加上这行代码@charset "utf-8";
2.进入到Koala 安装目录
D:\Koala\rubygems\gems\sass-3.4.9\lib\sass
修改 engine.rb 文件
在require 最下面 加入以下代码 即可解决
Encoding.default_external = Encoding.find(‘utf-8‘)
去官网下载适合自己电脑的版本
http://koala-app.com/index-zh.html
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114204933-1864770404.png)
打开后拖动或者打开项目目录,如果文件种类较多,可以在下方筛选需要的项目类型
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114424386-1742031485.png)
几种不同输出方式的对比:
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141437699-684776990.jpg)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141432917-306213450.jpg)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141425402-1288495080.jpg)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170810141410652-749564134.jpg)
点击左上角的设置,可以修改为中文语言,再重启一下就设置成功了
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114519714-1655605484.png)
右键单击项目设置输出目录及输出css文件名,点右边操作的执行编译就可以看到实时生成的CSS文件了
koala编译的Sass等是不支持中文字体的,解决方法:
1.在scss文件第一行加上这行代码@charset "utf-8";
2.进入到Koala 安装目录
D:\Koala\rubygems\gems\sass-3.4.9\lib\sass
修改 engine.rb 文件
在require 最下面 加入以下代码 即可解决
Encoding.default_external = Encoding.find(‘utf-8‘)
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170809114906183-1909139098.png)
相关文章推荐
- koala 编译scss不支持中文 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
- sass文件转css时注释虽然支持中文,但是出现乱码的解决方法
- koala 编译 sass 出现 Syntax error: Invalid GBK character 中文错误解决方法
- koala不支持中文的解决办法(问题出现在使用中文字体时报错)
- Ubuntu/Debian下JAVA 中文/图片中文字体乱码显示问题解决方法
- 配置NGINX支持中文URL 中文文件名或目录404无法访问的解决方法
- Mono环境下不支持中文的解决方法
- Mono环境下不支持中文的解决方法
- 文件链接下载时不支持中文的解决方法-让tomcat支持中文链接和中文目录
- docker 容器中不支持中文的解决方法
- google Chrome不支持12号以下字体的解决方法
- 开源办公套件onlyoffice打开中文乱码的原因与设置默认字体为中文的解决方法
- CentOS cannot change locale UTF-8解决方法及设置中文支持
- docker 容器中不支持中文的解决方法
- IIS服务器不支持中文文件名的解决方法
- Ubuntu/Debian下JAVA 中文/图片中文字体乱码显示问题解决方法
- Qt creator 如何支持中文编码(Qt4和Qt5解决方法不同)
- Mono环境下不支持中文的解决方法
- Mono环境下不支持中文的解决方法
- IIS服务器不支持中文文件名的解决方法