Bundle Hop

Hop between the files of a Salesforce LWC or Aura bundle without typing a name.

Keyboard

Only active while the editor is inside an lwc/ or aura/ bundle folder. (Shift+Alt+O was deliberately not used — it's VS Code's built-in Organize Imports. On macOS keyboard layouts where Option+O types a letter such as ø/ó, rebind both in Keyboard Shortcuts.)

Status bar switcher

While you're in a bundle, the status bar (bottom left) shows one clickable segment per bundle file, with the current file bracketed:

html   [js]   css   meta   utils.js   tests

Click a segment to switch to that file. tests opens everything in __tests__/. Outside bundles the segments disappear.

Right-click → Bundle Files

Inside a bundle, the editor context menu gains a Bundle Files submenu. Entries appear only for files that actually exist in the bundle:

• LWC: Template (.html), JavaScript (.js), Stylesheet (.css), Meta XML, SVG Icon, Tests (__tests__/)
• Aura: Component (.cmp/.app/.evt/.intf/.tokens), Controller, Helper, Renderer, Stylesheet, Meta XML, Design, Documentation (.auradoc), SVG Icon
• Other Bundle Files… — extra files with non-standard names (helper JS modules, additional templates)
• Switch Bundle File… — quick-pick list of every file in the bundle
• Open All Bundle Files — opens the whole bundle as tabs

Outside lwc/ / aura/ folders the submenu is not shown at all.

Notes

• No configuration, no Salesforce CLI dependency — it only reads the folder next to the open file.
• Extra .js/.html files that don't follow the <bundleName>.<ext> naming show up under Other Bundle Files… and in the picker/cycle, so nothing in the bundle is unreachable.