Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Angular Component File SwitcherNew to Visual Studio Code? Get it now.
Angular Component File Switcher

Angular Component File Switcher

Philip Petrosino

|
351 installs
| (1) | Free
Allows you to switch between a component, template and stylesheet file associated with a component.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Angular Component File Switcher

This extension allows you to switch between a component, template and stylesheet file associated with a component.

Features

When the extension is activated it will switch between component files in the following order, it will also wrap back around the list.

  1. ts
  2. html
  3. css, scss, sass, less

The extension can be activated by:

  • Ctrl+K Ctrl+O without releasing Ctrl
  • Command+K Command+O without releasing Command

The extension can also be activated in reverse by holding shift while running the normal commands:

  • Ctrl+Shift+K Ctrl+Shift+O without releasing Ctrl
  • Command+Shift+K Command+Shift+O without releasing Command

Extension Settings

This extension's key bindings can be overridden by the following commands:

  • extension.switchAngularComponentFiles
  • extension.switchAngularComponentFilesReverse

Callouts

This extension was created based off the angular-component-file-cycler by @Fordesoft which is no longer being maintained.

  • https://github.com/Josh1billion/angular-component-file-cycler/

Reverse order functionality is based off @nlko fork of angular-component-file-cycler.

  • https://github.com/nlko/angular-component-file-cycler

This extension was created to solve a problem I was having where the file-cycler extension would not switch files when there was no associated stylesheet file. I noticed that @nlko had created a fork to add in reverse order which also solved the issue I was facing so I pulled his changes in.

Contributing

https://github.com/ppetro08/angular-component-file-switcher

Enjoy!

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