Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Angular NavigatorNew to Visual Studio Code? Get it now.

Angular Navigator

BTNDev

|
55 installs
| (0) | Free
Quickly switch between Angular files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

angular-navigator README

With this extension you can switch rapidly between the files belonging to an angular component. Press ctrl + shift + q to close the active file and open an other. This way you will only have one open tab for every angular component you are working on.

Features

feature using keybinding to switch Switching using the ctrl + shift + q keybinding


feature using button to switch Switching using the button

Requirements

Your angular component files should be in the same folder. They have the same name followed by .components. and then the extension. For example:

  • login.component.ts
  • login.component.html
  • login.component.spec.ts
  • login.component.css

Extension Settings

This extension contributes the following command:

  • angular-navigator.switchTo: Opens a dialog where you can switch to an other file belonging to the same component.

This extension contributes the following keybinding:

  • ctrl + shift + q to activate switchTo command

This extension contributes the following setting:

  • angular-navigator.enableButton: Enable/disable Angular Navigator button on editor toolbar.

Release Notes

1.0.0

Initial release of angular-navigator.

1.0.1

Changed keybinding and updated readme.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft