Thank you for installing the latest version of Rename Angular Component.
-
New Guide Command: You can now open the detailed suffix removal guide directly from the command palette: "Rename Angular Component: Open Angular 20+ Suffix Removal Guide".
-
Bulk suffix removal: A new command to convert all '.component' suffixes (and other Angular suffixes) to the Angular 20 no-suffix format in a single operation. Access it via Command Palette: "Rename all Angular suffixes to v20 styleguide".
-
Component suffix can be removed or added: This extension now allows you to migrate in either direction between the old '.component' and the new no-suffix format.
-
Any dot-suffix can be used for rename: Have you ever wanted to add '.page' or '.facade' as the suffix on a component or service? Now you can - in one step. You can control your own naming conventions.
- All Angular CLI-generated files: Supports renaming classes, functions, variables, interfaces, and enums that share the same name as their containing file.
- One concept per file: Follows the Angular style guide principle and expects to rename one primary concept per file that matches the file name; "The Rule of One".
- Right-click on any Angular file in the explorer
- Select Rename Angular file from the context menu
- Enter the new name when prompted (include a dot-suffix if you want to follow the old style guide)
- The extension automatically updates all related files, selectors, and imports
That's ok, you can disable it in settings, or choose command: Rename Angular Component: Disable What's New popup
- GitHub Issues: Report bugs or request features on GitHub. This is a major release, so you can expect a rapid response.
- Documentation: Check the README for detailed usage instructions
- Configuration: Customize the extension behavior in VS Code settings
Thank you for using Rename Angular Component! 🚀
If you find this extension helpful, please consider giving it a ⭐ on the VS Code marketplace or GitHub.