Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>React CodeBehindNew to Visual Studio Code? Get it now.
React CodeBehind

React CodeBehind

ZroIsHere

|
2 installs
| (0) | Free
Toggle between JSX/TSX and related CSS file with F7-style workflow.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React VSCode CodeBehind (as asp.net)

Go to execute command on VSCode (ctrl + shift + p) and search Open Settings(JSON). Then, paste this

{
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.expand": false,
  "explorer.fileNesting.patterns": {
    "*.jsx": "${capture}.css, ${capture}.module.css, ${capture}.scss, ${capture}.module.scss",
    "*.tsx": "${capture}.css, ${capture}.module.css, ${capture}.scss, ${capture}.module.scss"
  }
}

Use the commands install.bat and compile.bat. This will go to generate a .vsix

Finally, open the extension menu, click on the dots (top right) and press Install .vsix

Reset VSCode and you are done

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