FireSass for Firebug

FireSass允许Firebug的显示Sass文件名和行号的Sass生成CSS样式。

一个FireSass Firebug扩展，使萤火虫显示Sass生成CSS样式文件名 ​​和行号，而不是那些生成的CSS 用法

具体设置如下：

编译时添加参数：

sass开启debug-info选项：sass demo.sass demo.css –debug-info

less开启line-numbers：lessc demo.less demo.css –line-numbers=comments

这样，编译后的css中将包含调试信息：

浏览器设置：

firefox执行安装FireSass即可。

Firebug：

如何在firebug中看到Scss，而不是生成的Css呢。我们就可以安装FireSass。

还需要在Scss配置文件中修改，打开项目目录下的config.rb。添加

sass_options = {:debug_info => true}
这样我们就能在firebug里面看到Sass的行号了。