Angular Routing Assistant

A Visual Studio Code extension that helps you visualize and navigate through your Angular application's routes.

DISCLAIMER: This is not an official Angular extension. It is a community-developed tool created to enhance the Angular development experience in VS Code.

Features

• Shows a visual tree of your app's routes in the VS Code sidebar
• Hover over a route to see its associated component
• Click on a route to jump to the related component file
• Lazy-loaded modules are highlighted with a special icon
• Automatically updates when route files change

Website and Documentation

• Website: https://angular-routing-assistant.dev
• Documentation: https://docs.angular-routing-assistant.dev

Requirements

• VS Code 1.60.0 or higher
• Angular project with routing modules

Installation

1. Open VS Code
2. Press Ctrl+P (Windows/Linux) or Cmd+P (Mac)
3. Paste the following command and press Enter:

   ext install angular-routing-assistant
   

Usage

1. Open an Angular project in VS Code
2. Click on the "Angular Routes" icon in the activity bar (it looks like a diamond with an X)
3. The routes tree will appear in the sidebar
4. Hover over routes to see component information
5. Click on a route to open its component file

Extension Settings

This extension contributes the following settings:

• angular-routing-assistant.showLazyModules: Enable/disable highlighting of lazy-loaded modules

Known Issues

• Currently only supports basic route configurations
• May not detect all route patterns in complex configurations

Release Notes

See CHANGELOG.md for release notes.

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Thanks to the Angular team for their excellent framework
• Thanks to the VS Code team for their extensible editor