FindMe — VS Code Extension

Browse, preview, search, and copy template files directly into your project from VS Code's sidebar.

Features

• 📁 Browse — Full tree view of your template folder with backend/ and frontend/ sections
• 🔍 Search — Instant file search across all templates by filename
• 🎨 Preview — Click any file to preview its content in the sidebar
• ⎘ Copy — Copy individual files or entire folders into your project with a destination picker
• 🗂 Project View — See your open workspace and navigate to pick a copy destination
• 🌲 Tree Navigation — Expand/collapse folders, auto-expands first level

Setup

1. Install the Extension

Install via .vsix:

Extensions panel → ⋯ → Install from VSIX…

2. Point it at Your Template Project

After installing, you'll see the FindMe icon in the Activity Bar.

Click it, then click "Select Template Folder" and navigate to your templates project root.

Your templates folder should have this structure:

my-templates/
  backend/
    ... your backend templates ...
  frontend/
    ... your frontend templates ...

3. Browse & Copy

• Expand folders in the Browse tab
• Hover any file → click ⎘ to copy it to your project
• Click a file name → preview its contents at the bottom
• Use the 🔍 Search tab to find files by name
• Use the 🗂 Project tab to browse your open workspace

Commands

You can also right-click any folder in the Explorer → Set Template Folder.

Settings

Building

npm install
npx vsce package

This produces a .vsix file you can install in VS Code.