Skip to content
| Marketplace
Sign in
Visual Studio Code>Keymaps>angular2-switcherNew to Visual Studio Code? Get it now.
angular2-switcher

angular2-switcher

infinity1207

|
941,550 installs
| (32) | Free
Easily navigate to `typescript`|`template`|`style` in angular2 project.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

angular2-switcher

Easily navigate to typescript(.ts)|template(.html)|style(.scss/.sass/.less/.css) in angular2 project.

Support

Paypal Donations a :coffee: and you will help me to keep working on this extension :wink:

Usage

  • Go to the definition of variables/functions when press f12 within html.
  • Switch .ts|.html|.css|.spec.ts quickly.
    Windows macOS
    If on .ts|.css|.spec.ts: go to .html
    If on .html: go to previous
    alt+o shift+alt+o
    If on .ts|.html|.spec.ts: go to .css
    If on .css: go to previous
    alt+i shift+alt+i
    If on .css|.html|.spec.ts: go to .ts
    If on ts: go to previous
    alt+u shift+alt+u
    If on .ts|.css|.html: go to .spec.ts
    If on .spec.ts: go to previous
    alt+p shift+alt+p

Available Settings

  • Open files side by side (false by default)
  "angular2-switcher.openSideBySide": true
  • The order of angular2-switcher find corresponding style file ([".scss", ".sass", ".less", ".css"] by default)
  "angular2-switcher.styleFormats": [".scss", ".sass", ".less", ".css"]
  • The order of angular2-switcher find corresponding template file ([".html"] by default)
  "angular2-switcher.templateFormats": [".html"]
  • The order of angular2-switcher find corresponding spec file ([".spec.ts", ".stories.ts"] by default)
  "angular2-switcher.styleFormats": [".spec.ts", ".stories.ts"]

Source

GitHub

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