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

如何在WebStorm中格式化扩展名为.css的postCSS文件?,webstorm,Webstorm,我正在使用WebStorm版本2017.2.4,并且在扩展名为.css的文件中使用postCSS语法。有没有办法像扩展名为.pcss的文件那样在这些文件中生成WebStorm格式代码 编辑: 设置POSTSS方言时的代码FOMATT: 但它应该是: @import "../../../helpers/_helpers.css"; .block { padding: $step_4; &__title { font-size: $font_size_6; mar

我正在使用WebStorm版本2017.2.4,并且在扩展名为.css的文件中使用postCSS语法。有没有办法像扩展名为.pcss的文件那样在这些文件中生成WebStorm格式代码

编辑:

设置POSTSS方言时的代码FOMATT:

但它应该是:

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

.block {
  padding: $step_4;

  &__title {
    font-size: $font_size_6;
    margin-bottom: $step_4;
  }
}
它在ide中的外观:

安装PostCSS插件,然后转到设置|语言与框架|样式表|方言,并确保将Project CSS方言设置为PostCSS


请参见

您是否尝试设置CSS方言?据我所知,应该会有所帮助。@LazyOne格式在变量上会中断请提供示例代码:源代码的正确格式以及重新格式化错误格式后得到的内容。源必须为纯文本,以便可以复制粘贴。My IDE PhpStorm 2017.2.4 with PostCSS插件投诉$step_4和其他变量,甚至在.pcss文件中。据我所见,这种语法还不受支持:@懒汉,真可悲。非常感谢。
@import "../../../helpers/_helpers.css";

.block {
  padding: $step_4;

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