Sublime Text:Reindent SCSS文件?

时间:2013-05-14 11:44:42

标签: sass sublimetext2 indentation sublimetext

我有一些SCSS文件的缩进已经设法搞定了。

我尝试过Edit > Line > Reindent并更改各种缩进设置,但似乎都没有正常工作。

是否有一致的方法来重新缩进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中...我宁愿不必手动正确缩进。

1 个答案:

答案 0 :(得分:11)

选择所有内容,然后多次按 Ctrl - [(Unindent)删除所有原始缩进。然后,使用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);
    }
}