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的行号了。