Hop between the files of a Salesforce LWC or Aura bundle without typing a name.
Keyboard
| Key | Action |
|---|---|
Alt+O |
Next file in the bundle (wraps) |
Alt+P |
Previous file in the bundle |
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/.htmlfiles 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.