崇高的文字：重新插入SCSS文件？

Question

我有一些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中……我寧願不必手動手動縮進。

Answer 1

選擇所有內容，然后按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);
    }
}