I'm not using
postcss anymore, it's a long story, but I switched to
sass. Contact me if you are interested in this project and willing to help.
Adds syntax highlighting to PostCSS files in Visual Studio Code.
Using PostCSS 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.
.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:
If you are using any non-standard postcss modules, you can use the file extensions
.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:
Use PostCSS syntax highlighting in
To enable PostCSS syntax highlighting in
*.css files, add the following to your VS Code settings:
- [ ] Add completion for selectors, variables, properties etc.
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.