ember-code-navigator

Note: This is not an official Intercom extension, and is not recommended for non-Intercomrades.

This extension adds two commands with their own keybindings (that you can change):

1 - Go to component definition (CMD+OPTION+E)

Inspired by the Ember Related Files extension.

When the cursor is inside the name of a component used in a HBS file, you can press on CMD+OPTION+E to see this quick file selector, and "dive into" the JS/HBS file associated with that component:

2 - Copy relative component path to clipboard to find usages (CMD+OPTION+W)

To achieve pretty much the opposite of the first command, you can be looking at a JS or HBS file of a component and want to find its usages.

To do that, you can press on CMD+OPTION+W, and that will copy the relevant relative part of the component path in your clipboard. You will still need to manually paste and press Enter after that to launch the search (because of some VSCode limitations at the time of writing).