使用VSCode Live Sass Compiler，如何查看SCSS的@debug结果？

Glenn Marks开发的Live Sass Compiler插件不会将@debug指令的输出发送到终端或Chrome控制台，这类调试信息仅会显示在VSCode的「输出面板」中，具体查看步骤如下：

• 打开VSCode输出面板：使用快捷键Ctrl+Shift+U（Windows/Linux）或Cmd+Shift+U（Mac），也可以点击底部状态栏的「输出」按钮唤起。
• 在输出面板顶部的下拉菜单里选择「Live Sass Compiler」，即可看到@debug的输出内容。比如你编写的代码：

  @debug 'hello world';
  @debug math.div(10, 3);
  

  对应的输出会是：

  hello world
  3.3333333333

如果需要在终端查看@debug输出，你需要直接使用Sass官方的命令行工具（如dart-sass）编译SCSS文件，执行类似dart-sass input.scss output.css的命令，此时@debug的内容会直接打印在终端窗口中。

另外，Chrome控制台无法获取SCSS的@debug输出，因为编译后的CSS文件不会保留这类调试相关的指令内容。

内容的提问来源于stack exchange，提问作者Rocky Barua