一款很好用的Sass编译器,还可以编译Less、coffeescript等
去官网下载适合自己电脑的版本
http://koala-app.com/index-zh.html
打开后拖动或者打开项目目录,如果文件种类较多,可以在下方筛选需要的项目类型
几种不同输出方式的对比:
点击左上角的设置,可以修改为中文语言,再重启一下就设置成功了
右键单击项目设置输出目录及输出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‘)
本文首发于Calamus的博客。