无法更改美化缩进大小

Question

我正在尝试在 Atom Beautify 中将 CSS/SCSS 的缩进大小更改为两个空格，但它没有效果，并且缩进保持在四个空格。即使我在 .jsbeautifyrc 文件中将其设置为两个空格，它也没有效果。我错过了什么吗？

{
    "indent_size": 2,
    "indent_char": " ",
    "indent_level": 0,
    "indent_with_tabs": false,
    "preserve_newlines": true,
    "max_preserve_newlines": 10,
    "jslint_happy": false,
    "space_after_anon_function": false,
    "brace_style": "collapse-preserve-inline",
    "keep_array_indentation": false,
    "keep_function_indentation": false,
    "space_before_conditional": true,
    "break_chained_methods": false,
    "eval_code": false,
    "unescape_strings": false,
    "wrap_line_length": 0
}

Answer 1

atom-beautify使用自己的配置，在Atom中可以通过以下两种方式改变：

1. 在设置 GUI 中
   • Ctrl + , 打开设置（或文件>设置）
   • 选择包
   • 找到atom-beautify并点击设置
   • 找到 CSS 并点击展开 CSS 设置
   • 在显示 Indent Size: 的位置输入所需的缩进大小
   • 为 SCSS 重复前 2 个步骤
2. 在config.cson
   • 文件>配置...打开config.cson
   • 添加以下内容

3. "atom-beautify":
     css:
       indent_size: 2
     scss:
       indent_size: 2