如何在WebStorm中格式化带有.css扩展名的postCSS文件?

时间:2017-11-07 16:15:43

标签: webstorm

我正在使用WebStorm version 2017.2.4,我在扩展名为.css的文件中使用postCSS语法。有没有办法在这些文件中制作WebStorm格式代码,例如扩展名为.pcss的文件?

编辑:

设置postCSS dialect时的代码填充:

@import "../../../helpers/_helpers.css";

.block {
  padding: $ step_4;

  &__title {
    font-size: $ font_size_6;
    margin-bottom: $ step_4;
  }
}

但它应该是:

@import "../../../helpers/_helpers.css";

.block {
  padding: $step_4;

  &__title {
    font-size: $font_size_6;
    margin-bottom: $step_4;
  }
}

它在ide中的表现如何: screenshot

1 个答案:

答案 0 :(得分:1)

:- use_module(library(dcg/basics)). symbol(num(N)) --> integer(N). ?- atom_codes(973, X), phrase(symbol(S), X). X = [57, 55, 51], S = num(973). 中,请务必将 Project CSS Dialect 设置为Settings | Languages & Frameworks | Stylesheets | Dialects

请参阅https://www.jetbrains.com/help/webstorm/2017.2/dialects.html