哪个指令用于检测 SASS 中的错误?
为了检测 SASS 中的错误,应该使用@调试指令。它显示了 SassScript 表达式值。当任何人在开发文件时想要查看变量或表达式的值时,都可以使用它。
让我们看一个例子,这样我们就能以实用的方式了解更多关于 @debug 指令的信息。只需按照以下步骤了解实现:
- 首先创建一个 SASS 文件,对于这个例子,我把它命名为 debug.scss 。
-
现在用它们的值定义一些变量。
半铸钢ˌ钢性铸铁(铸造半钢)
```html $style: ( color: #00FF00 ); $font-sizes: 15px+5px;
.container { @debug $style; @debug $font-sizes; } ```
-
以下命令将开始监视 SASS 文件中的更改,并自动生成相应的 CSS 文件。
html sass --watch debug.scss:debug.css
-
Output will show the code which you have debugged using the @debug directive:
例:我们再来看一个例子,了解清楚。遵循与上面相同的步骤。
半铸钢ˌ钢性铸铁(Cast Semi-Steel)
$width: 350px;
$colors: (
IndianRed: #CD5C5C,
Salmon: #FA8072,
LightCoral: #F08080
);
$font-sizes: heading, p, sm;
.container{
@debug $width; /* single value */
@debug $colors; /* map */
@debug $font-sizes; /* list */
}
输出:
版权属于:月萌API www.moonapi.com,转载请注明出处