Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>JSX ClassName NavigatorNew to Visual Studio Code? Get it now.
JSX ClassName Navigator

JSX ClassName Navigator

liugq

|
2 installs
| (1) | Free
Navigate from class names in TSX/JSX files to their definitions in style files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSX ClassName Navigator

VSCode extension that helps navigate from class names in TSX/JSX files to their definitions in CSS, LESS, or SCSS files.

Configuration

The extension can be configured through the following settings:

  • jsx-classname-navigator.autoDetect: Whether to automatically detect class names and attempt to locate styles when selecting text (default: true)
  • jsx-classname-navigator.styleFileGlob: Global pattern for finding style files (default: "**/*.{css,scss,less,sass}")
  • jsx-classname-navigator.supportedLanguages: List of supported language IDs (default: ["typescriptreact", "javascriptreact"])
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft