Angular File Changer

Navigate between Angular component's relative files or NgRx files using your Mac Touch Bar or keyboard.

Easily navigate between a component's typescript(example.component.ts) | test(example.component.spec.ts) | template(example.component.html) | style(.scss/.sass/.less/.css) in an Angular project.

Easily navigate between an NgRx action's action(example.actions.ts) | test(.spec.ts) | effects(example.effects.ts) | reducers(example.reducer.ts).

Follow me on twitter for updates @john_crowson.

Usage

Switch .ts | .html | .css | .spec.ts quickly.
- Go to component's relative .html file
  
  Mac Touch Bar key titled ".html"
  Keyboard: alt+h(Windows) shift+alt+h(macOS)
- Go to component's relative .ts file
  
  Mac Touch Bar key titled ".ts"
  Keyboard: alt+t(Windows) shift+alt+t(macOS)
- Go to component's relative .spec.ts file
  
  Mac Touch Bar key titled ".spec"
  Keyboard: alt+s(Windows) shift+alt+s(macOS)
- Go to component's relative .scss/.sass/.less/.css file
  
  Mac Touch Bar key titled ".css"
  Keyboard: alt+c(Windows) shift+alt+c(macOS)
Switch .actions.ts | .effects.ts | .reducer.ts | .spec.ts quickly.
- Go to NgRx component's relative .actions.ts file
  
  Mac Touch Bar key titled "actions"
  Keyboard: alt+a(Windows) shift+alt+a(macOS)
- Go to NgRx component's relative .effects.ts file
  
  Mac Touch Bar key titled "effects"
  Keyboard: alt+e(Windows) shift+alt+e(macOS)
- Go to NgRx component's relative .reducer.ts file
  
  Mac Touch Bar key titled "reducers"
  Keyboard: alt+r(Windows) shift+alt+r(macOS)
- Go to NgRx component's relative .spec.ts file (same as for components)
  
  Mac Touch Bar key titled ".spec"
  Keyboard: alt+s(Windows) shift+alt+s(macOS)