Adds syntax highlighting to PostCSS files in Visual Studio Code.
For the best in-editor experience, use this extension in combination with stylelint which will provide general (Post)CSS linting/syntax checks.
Add a .stylelintrc
file to your project to configure rules. For a good set of maintained rules, install this npm package to your project:
npm i -D stylelint-config-recommended
Then you can extend that set of rules and just override the ones you want to change:
{
"extends": "stylelint-config-recommended",
"rules": {
...
}
}
If you are using any non-standard postcss modules, you can use the file extensions .pcss
or .postcss
to prevent VSCode's built-in CSS parser from showing unwanted errors.
If you want syntax checks for postcss-nesting
(i.e., require the &
character) you can add this rule:
{
"extends": "stylelint-config-recommended",
"rules": {
"selector-nested-pattern": "^&"
}
}
This is a clone of PostCSS syntax with minor changes.
The original extension does not have a github repository, so open source collaboration is impossible. This is the main reason I created this clone.