Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>CSS/SCSS Modules IntelliSenseNew to Visual Studio Code? Get it now.
CSS/SCSS Modules IntelliSense

CSS/SCSS Modules IntelliSense

Lokesh Garg

|
3 installs
| (0) | Free
Linter and tooling for CSS Modules with support for SCSS, LESS, Go-to-Definition, and Rename in JS/TS files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CSS Modules Intellisense for VS Code

A lightweight Visual Studio Code extension that provides linting, rename, and navigation features for projects using CSS Modules — including .module.css, .module.scss, and .module.less files.


✨ Features

  • ⚠️ Linting: Warns about undefined CSS module class names used in JS/TS/React files.
  • ✏️ Rename Support: Refactor class names in CSS Modules and update all references.
  • 🧭 Go-to-Definition Go-to-Definition for styles.className.
  • 💡 Autocomplete Autocomplete suggestions for class names.
  • 🛠️ Supports SCSS & LESS in addition to plain CSS.

✅ Supported File Types

  • .module.css
  • .module.scss
  • .module.less
  • .js, .ts, .jsx, .tsx using import styles from './file.module.css'

🚀 Getting Started

  1. Install the extension from the Marketplace or via VSIX
  2. Use import styles from './file.module.css' pattern
  3. Hover, rename, or save to see linting feedback

📢 Feedback & Contributions

Feel free to open issues or PRs on GitHub — suggestions and feedback are always welcome!


📄 License

MIT

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