File Folder Generator for VS Code

A VS Code extension to quickly scaffold file and folder structures using customizable templates and simple prompts.

Demo Video

• Use it and if face any problems feel free to contact me or clone the repo and after solve raise a pr

Features

• Scaffold project structures with a single command
• Supports templates for common file types (JS, JSX, TS, HTML, CSS, etc.)
• Recursive folder creation
• Context menu integration in Explorer
• Overwrite confirmation prompts
• Customizable templates

Installation

1. Open VS Code
2. Go to Extensions view (Ctrl+Shift+X or Cmd+Shift+X)
3. Search for "File Folder Generator"
4. Click Install

Or install via terminal:

code --install-extension santujana.file-folder-generator

Usage

Method 1: Command Palette

1. Open Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
2. Type Generate Files/Folders Structure
3. Enter your desired structure (comma-separated paths)

Method 2: Context Menu

1. Right-click a folder in Explorer
2. Select Generate Files/Folders Structure
3. Enter your desired structure

Examples

React components:

src/components/Header.jsx, src/components/Footer.jsx, src/styles/main.css

Node.js project:

src/routes/api.js, src/models/User.js, tests/unit/, .env.example

Python project:

src/main.py, tests/__init__.py, requirements.txt, docs/README.md

Templates

The extension includes basic templates for:

• .js (JavaScript)
• .jsx (React)
• .ts (TypeScript)
• .html (HTML)
• .css (CSS)

To use your own templates, create a templates folder in your project and add your files (e.g., component.jsx). The extension will use these instead of the defaults.

Configuration

Add settings to your settings.json:

{
  "fileFolderGenerator.defaultTemplatesPath": "./templates",
  "fileFolderGenerator.autoOpenCreatedFiles": true,
  "fileFolderGenerator.defaultIndentation": "spaces" // or "tabs"
}

Contributing

Contributions are welcome! To contribute:

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature)
3. Commit your changes (git commit -m "Add your feature")
4. Push to your branch (git push origin feature/your-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License. See the LICENSE file for details.

💼 Hire Me / Referral Opportunity

If you or your company are looking for a skilled developer, I'm available for:

Referrals and opportunities are greatly appreciated!