Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>CSS Modules Syntax HighlighterNew to Visual Studio Code? Get it now.
CSS Modules Syntax Highlighter

CSS Modules Syntax Highlighter

Andrew Leedham

|
28,847 installs
| (1) | Free
An extension to add CSS Modules syntax highlighting to VSCode.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-css-modules

An extension to add CSS Modules syntax highlighting to VSCode.

Visual Studio Marketplace Installs Downloads

CI Status license MIT semantic-release commit style angular Greenkeeper badge

VSCode Window showing the plugin in action

Features

Adds the following CSS Modules specific rule and attribute syntax highlighting on top of regular CSS/SCSS/SASS.

  • @value variable decleration: regular and namespaced.
  • composes: attribute: local and imports.
  • :global pseudo class.
  • :local pseudo class.

Known Issues

Currently this extension only supports syntax highlighting. So errors may be thrown if you are using somesort of linter. A suggested work-around is to add the following settings to your workspace:

{
    "css.lint.validProperties": [
        "composes"
    ],
    "css.lint.unknownAtRules": "ignore",
    "scss.lint.validProperties": [
        "composes"
    ],
    "scss.lint.unknownAtRules": "ignore"
}

CHANGELOG | LICENSE

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft