VSCode内置SCSS格式化工具能否设置忽略指定行？

首先得确认你当前VSCode使用的SCSS格式化工具，不同工具对应的忽略注释略有区别，以下是几种常见场景的解决方案：

场景1：使用Prettier作为格式化工具 #

如果你的默认格式化器是Prettier（插件名：esbenp.prettier-vscode），可以直接用它的忽略注释：

单行/代码块忽略 #

在目标代码块上方添加// prettier-ignore注释，就能让Prettier跳过这段代码的格式化：

// prettier-ignore
$btn-square: (
    "sm": 50px,
    "md": 100px,
    "lg": 150px,
    "xl": 200px
) !default;

范围忽略（适合多段代码） #

如果需要忽略多段代码，用// prettier-ignore-start和// prettier-ignore-end包裹：

// prettier-ignore-start
$btn-square: (
    "sm": 50px,
    "md": 100px,
    "lg": 150px,
    "xl": 200px
) !default;

$btn-round: (
    "sm": 40px,
    "md": 80px
) !default;
// prettier-ignore-end

场景2：使用VSCode内置SCSS格式化工具 #

如果用的是VSCode自带的CSS/SCSS格式化（工具标识：vscode.css-language-features），它同样兼容// prettier-ignore注释，用法和上面一致。

另外也可以用更针对性的注释来禁用特定规则，比如针对括号换行的规则：

/* stylelint-disable block-closing-brace-newline-after */
$btn-square: (
    "sm": 50px,
    "md": 100px,
    "lg": 150px,
    "xl": 200px
) !default;
/* stylelint-enable block-closing-brace-newline-after */

确认当前格式化工具的方法 #

打开VSCode设置（快捷键Ctrl+,），搜索Default Formatter，查看"CSS"和"SCSS"对应的格式化器，就能确定你在用的工具，然后选择对应的注释方式即可。

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