Sublime Text: 重新格式化 SCSS 文件？

Question

Sublime Text: 重新格式化 SCSS 文件？

sasssublimetext2indentationsublimetext

4

我有一些SCSS文件，它们的缩进方式似乎已经非常混乱了。

我尝试使用编辑 > 行 > 重新缩进并更改各种缩进设置，但似乎都不能正常工作。

是否有一种一致的方法可以重新缩进SCSS文件？

以下是我看到的一个示例：

[role="main"] {
 margin: 0 auto;
 padding: 30px;
 h1 {
  text-align: center;
  font-family: 'Exo';
  font-weight: 200;
  font-size: 3.5em;
  margin: 8px 0 20px 0;
}
}
.hidden {
  display: none;
}
.button, button {
 @include button;
 &.red {
  @include button($red);
}
}

这种情况发生在数千行 SCSS 代码中……我不想手动修正缩进。

- Shpigford

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- MattDMo · Accepted Answer

选择所有内容，然后按下Ctrl-[（取消缩进）几次以删除所有原始缩进。然后使用Edit -> Line -> Reindent即可完成。你的示例代码对我来说产生了这个结果：

[role="main"] {
    margin: 0 auto;
    padding: 30px;
    h1 {
        text-align: center;
        font-family: 'Exo';
        font-weight: 200;
        font-size: 3.5em;
        margin: 8px 0 20px 0;
    }
}
.hidden {
    display: none;
}
.button, button {
    @include button;
    &.red {
        @include button($red);
    }
}