Classify is a powerful and intuitive Visual Studio Code extension designed to help developers generate meaningful, context-aware class names for their CSS and HTML files. By leveraging AI-powered suggestions, customizable naming conventions, and other advanced features, Classify streamlines the process of creating clean and maintainable class names.
Features
Contextual Naming: Generate class names that are contextually relevant, taking into account the roles and positions of elements within the DOM.
Class Name Previews: Instantly see the generated class names with corresponding CSS snippets or SCSS partials for easy integration.
Custom Naming Conventions: Define your own prefixes, suffixes, and naming rules to tailor the generated class names to your specific project needs.
Installation
To install Classify:
Open Visual Studio Code.
Go to the Extensions view by clicking on the Extensions icon in the Sidebar or by pressing Ctrl+Shift+X.
Search for "Classify - Smart Class Name Generator."
Click Install.
Usage
Generate Class Names
Open an HTML file in VS Code.
Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac) to open the Command Palette.
Type "Generate Class Names" and select the Classify: Generate Class Names command.
The plugin will analyze the current page or selected elements and provide you with a list of meaningful class names.
Choose your preferred class names and apply them directly to your HTML file.
Customize Naming Conventions
You can customize the naming conventions to fit your project's style:
Open the extension settings by navigating to File > Preferences > Settings.
Search for "Classify" to find the customizable options.
Set your preferred prefixes, suffixes, and other naming rules.
View and Manage Suggestions
Classify provides a mini-dashboard to manage and preview your class names:
Open the Command Palette and type "Classify Dashboard" to launch the mini-dashboard.
Review, tweak, and apply the generated class names from the dashboard.
Contact
For any issues or questions, please feel free to open an issue in this repository or contact us at [hrashikeshpandey1@gmail.com].
Happy coding with Classify! 🎉
Made with ❤️ by Hrashikesh Pandey