Angular Refactorizer - Visual Studio Code Extension
Welcome to Angular Refactorizer, your go-to tool for efficiently refactoring and managing Angular applications. Streamline your development workflow with our powerful set of features designed to enhance productivity and code organization.
Accessible through the context menu in the file explorer for seamless integration into your development process.
2. Add Environments and Configuration
Simplify environment and configuration management by adding settings directly through the context menu.
Code Refactors (with Code Actions)
1. Toggle Inline Templates
Swiftly switch between inline templates and separate HTML files.
Enhance code readability and maintainability by organizing your templates efficiently.
2. Toggle Inline Styles
Seamlessly toggle between inline styles and external SCSS files.
Keep your styles modular and well-structured for a cleaner codebase.
3. Rename Angular Artifacts
Effortlessly rename components, directives, and pipes.
Automatically update all related files (SCSS, TypeScript, spec.ts) and fix references and selectors throughout your entire application.
Getting Started
Installation:
Install the Angular Refactorizer extension from the Visual Studio Code Marketplace by searching for abelfubu.angular-refactorizer.
Usage:
Right-click on files or folders in the file explorer to access Angular schematics.
Utilize code actions to perform quick and efficient refactors.
Customization:
Explore configuration options to tailor the extension to your specific needs.
Adjust settings for a seamless integration with your Angular projects.
Feedback and Contributions
We value your feedback and encourage you to contribute to the Angular Refactorizer extension. Feel free to open issues, suggest new features, or submit pull requests on our GitHub repository.
Support
For any queries, issues, or assistance, please reach out to us through our support channel.
Angular Refactorizer - Visual Studio Code Extension