Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Open Angular Companion FileNew to Visual Studio Code? Get it now.
Open Angular Companion File

Open Angular Companion File

Briana Finney

|
472 installs
| (0) | Free
Right click when editing a .ts file to open companion .html file or vice-versa
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

openangularcompanionfile README

This is a simple extension that allows you to click on the Editor Title Bar to "Open Companion File" or Right click in the editor, when you are currently looking at a .ts or .html file.

oac_1.png

For example, if I am editing "my.component.ts" and I want the .html file to open, I can quickly click on "Open Companion File" and it will be opened for me, with no need for me to scroll through large file tree.

oac_3.png

oac_6.png

The option is only available if you are looking at either an .ts or .html file. If you are on a file that does not have a companion, you will be given a little user message on the bottom right of the IDE that let's you know that file doesn't have a partner.

oac_5.png

oac_7.png

oac_4.png

Requirements

Known Issues

Release Notes

1.0.0

Initial release of OpenCompanionFile extesnsion for typescript users

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft