哪个指令用于检测 SASS 中的错误？

原文:https://www . geeksforgeeks . org/哪个指令用于检测 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，转载请注明出处

本文链接：https://www.moonapi.com/news/8375.html