angular2-switcher

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

Support

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