MultiFile Canvas – VS Code Extension

Work across multiple files in one view — no more endless tab switching.
MultiFile Canvas lets you create .mf files that merge multiple source files into a single editable view.

🚀 How It Works

1. Create a MultiFile Canvas

   • Make a new file with the .mf extension.
   • Example: project.mf

2. Add File References

   • Inside your .mf file, type:

     ---- main.js ----
     ---- lib/utils.js ----
     ---- index.js ----
     

   • Each divider creates or loads that file under the merged view.

3. Edit Seamlessly

   • Edit directly inside the .mf file.
   • When you save, changes are written back to the original files.

4. Stay in Sync

   • If the original file changes, your .mf view updates automatically
     (note: these updates aren’t saved until you save the .mf again).

5. Rename with Control

   • Renaming a file in the .mf creates a copy.
   • Renaming it to an existing file loads that file’s content.

Example Screenshot

📦 Installation

1. Open VS Code Extensions panel.
2. Search for “MultiFile Canvas”.
3. Click Install.