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

为了检测 SASS 中的错误，应该使用@debug 指令。它显示 SassScript 表达式值。当任何人在开发文件时想要查看变量或表达式的值时，都可以使用它。

让我们看一个示例，以便我们以实用的方式了解有关@debug指令的更多信息。只需按照以下步骤了解实现：

• 首先创建一个 SASS 文件，在本例中，我将其命名为debug.scss 。
• 现在用它们的值定义一些变量。

  CSS

  $style: (
      color: #00FF00
  );
  $font-sizes: 15px+5px;
    
  .container {
    @debug $style;
    @debug $font-sizes;
   }

  
  
  
• 以下命令将开始监视 SASS 文件中的更改并自动生成相应的 CSS 文件。

  sass --watch debug.scss:debug.css

• 输出将显示您使用 @debug 指令调试过的代码：

  

示例：让我们看另一个示例来清楚地了解它。按照与上述相同的步骤进行操作。

CSS

$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 */
}

输出：