Menu
I am using PostCSS and one of the important elements in PostCSS is CSS nesting. WebStorm doesn't like the syntax and highlights errors.
Is there any solution for this issue?
391
With WebStorm, you can write style definitions in CSS as well as in various languages that compile into it, such as Sass, Less, SCSS, or Stylus.
By default, IntelliJ IDEA shows on-the-fly preview only for HTML and CSS code. To enable Live Edit in JavaScript, select the JavaScript, HTML and CSS option.
From the context menu of a tag, select Show Applied Styles for Tag. IntelliJ IDEA opens the CSS Styles tool window with two panes, the left-hand pane shows the styles for the tag and the right-hand pane shows their definitions. For each tag, IntelliJ IDEA opens a separate tab.
As of WebStorm 2016.3 this issue has been solved. As detailed in the WebStorm Blog, users of PostCSS can now install an official PostCSS plugin by navigating to Preferences > Plugins > and searching for "PostCSS support". After the plugin is installed and WebStorm has been restarted, you must identify any existing css files using PostCSS as PostCSS by going to Preferences > Languages & Frameworks > Stylesheets > Dialects and clicking on the file's CSS dialect and changing it to "PostCSS".
193
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
