A second file explorer on the opposite side of the window.
Working in a repo that holds both a backend and a frontend? Keep one in the regular Explorer and open the other in TwinRoot, which lives in VS Code's secondary sidebar — always on the side opposite your primary sidebar.
Usage
Right-click any folder in the Explorer and choose Open in TwinRoot (Second Sidebar).
The secondary sidebar opens on the other side showing only that folder.
You can also run TwinRoot: Choose Folder... from the Command Palette, or right-click a folder inside TwinRoot and pick Set as TwinRoot Folder to drill down. The chosen folder is remembered per workspace.
Features
File tree with your file icon theme and git/problem decorations
New file / new folder, rename, delete (to trash), copy path, reveal in file manager
Open in integrated terminal and find in folder, scoped to the TwinRoot folder
The two explorers stay independent: opening a file in one does not move the selection in the other
Updates automatically when files change on disk
Honors files.exclude
Settings
Setting
Default
Description
twinroot.autoReveal
false
Select the active editor's file in TwinRoot when it is inside the TwinRoot folder, even when opened from elsewhere.
twinroot.keepPrimaryExplorerStill
true
Stop the built-in Explorer from jumping to files inside the TwinRoot folder. Adds the folder to explorer.autoRevealExclude in workspace settings while it is open.
twinroot.useFilesExclude
true
Hide files and folders matched by files.exclude.
Development
npm install
npm run compile
Press F5 in VS Code to launch an Extension Development Host. Build an installable .vsix with npm run package.
