Extract JSX Classes

This extension helps you extract class names from JSX (and TSX) files into CSS classes.

Features

• Extract class names from JSX and TSX files.

• Support for modular CSS variables (e.g., styles.className).

Installation

To install the extension, search for "Extract JSX Classes" in the Visual Studio Marketplace.

Or, if you prefer to install the .vsix file locally, you can do so by:

1. Running the command Extensions: Install from VSIX... in VS Code.

2. Selecting the .vsix file you downloaded.

Usage

After installation, use the command Copy classes from JSX to extract class names from JSX/TSX files.

Keybinding

You can bind this command to a keyboard shortcut in your keybindings.json file.

default shortcut - ctrl+shift+c

Settings

• moduleCSSVariable: The name of the variable used in JSX files for modular styles (default: styles).

*If some classes weren't copied or the variable isn't working, check your User and Workspace settings to ensure "extract-jsx-classes.moduleCSSVariable" is correctly configured.

License

MIT

Enjoy!