如何在WebStorm中格式化扩展名为.css的postCSS文件?
我正在使用WebStorm版本2017.2.4,并且在扩展名为.css的文件中使用postCSS语法。有没有办法像扩展名为.pcss的文件那样在这些文件中生成WebStorm格式代码 编辑: 设置POSTSS方言时的代码FOMATT: 但它应该是:如何在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
@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;
}
}