Style Extractor

Description

Style Extractor is a versatile VS Code extension designed to enhance your web development workflow. This extension automatically extracts inline CSS styles from your HTML, React, or Svelte components and generates a separate CSS stylesheet. Simply press Alt+Q and watch as your inline styles are neatly organized into a CSS stylesheet, which is then conveniently copied to your clipboard. Say goodbye to cluttered code files and hello to clean, maintainable code. Boost your productivity and code quality with Style Extractor.

!Demo of Style Extractor

Usage

Open a file with inline styles.
Press Alt+Q.
The inline styles will be removed from your file and a CSS stylesheet will be copied to your clipboard.

alt text

Contributing

If you have suggestions for how Style Extractor could be improved, or want to report a bug, open an issue! We'd love all and any contributions.

For more, check out the Contributing Guide.

Style Extractor

Med D Bouthouri

Style Extractor

Description

Usage

Contributing

License