QuickSelector - Visual Studio Code Extension

Overview

QuickSelector is a Visual Studio Code extension designed to streamline your development workflow by simplifying the process of generating CSS selectors from HTML structures. With QuickSelector, you can quickly and efficiently create CSS styles for your projects, making coding more agile and precise.

Features

Swift Selector Generation: Generate CSS selectors instantly from selected HTML structures. Efficient Styling: Simplify the creation of styles for your projects with ease. Clipboard Integration: Copy generated CSS classes to the clipboard for seamless use in your stylesheets.

For example if there is an image subfolder under your extension project workspace:

https://github.com/nicocarobene/quickSelector/assets/122571870/ca79b40f-244d-465f-9601-9cea1f4ca612

How to Use

1-Select the desired HTML structure in your editor and copy code in your clipboard. 2-Run the "QuickSelector: Generate CSS" command with Ctrl + Alt + P. 3-The generated CSS selectors will be copied to your clipboard. 4-Paste the selectors into your CSS file and enhance your styling process.

Usage

1-Open an HTML file. 2-Select the HTML structure you want to generate CSS selectors for. 3-Run the "QuickSelector: Generate CSS" command using the command palette (Ctrl+Shift+P or Cmd+Shift+P on macOS). 4-Paste the generated CSS selectors into your stylesheet.

Commands

QuickSelector: Generate CSS: Generates CSS selectors from selected HTML structures.

Acknowledgements

Thank you for using QuickSelector! If you encounter any issues or have suggestions for improvement, feel free to report them on GitHub.

1.0.0

Initial release of ...

1.0.1

Fixed issue #.

1.1.0

Added features X, Y, and Z.

Following extension guidelines

Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.

Enjoy!