正如我们在之前的系列文章中所讨论的,CSS-Preprocessor允许开发人员使用变量和函数编写CSS。 这是许多开发人员更喜欢使用CSS预处理程序而不是传统方式编写它的原因之一。
Google从Google Chrome 29开始引入了一项实验性功能,以增加调试和编辑CSS预处理器时的工作流程。 让我们看看此功能的工作原理。
进行之前
首先,我们需要从Chrome安装支持此功能的Sass 3.3。
要查看计算机上安装的Sass版本,可以通过终端运行以下命令行。
sass -v
在这种情况下,如下所示,我有Sass 3.2.7。
要安装Sass 3.3,请运行以下命令gem install sass -v '>=3.3.0alpha' --pre
。