🚀 Template Generator - VS Code Extension

Easily generate environment-specific HTML, JS, and CSS templates for your projects!

📖 Overview

The Template Generator extension automates the process of dynamically replacing placeholders in .html, .js, and .css files using a configuration file (config.json).

This is ideal for multi-environment projects, allowing developers to quickly generate files for development, staging, and production without manually editing files.

✨ Features

✅ Environment-Based File Generation – Quickly generate files for local, staging, or production.
✅ Supports .html, .js, and .css – Dynamically replaces placeholders in these files.
✅ Preserves Folder Structure – Maintains the original project structure inside environments/{{selected_env}}/.
✅ Ignores Unwanted Folders – Automatically skips .git, .vscode, and environments/ directories.
✅ One-Click Generation – Select an environment, and the extension does the rest!

📌 How to Use

1️⃣ Add a config.json File

Define your environment variables inside a config.json file in the project root.

{
  "local": {
    "BASE_URL": "http://localhost:3000",
    "API_URL": "http://localhost:5000/api"
  },
  "staging": {
    "BASE_URL": "https://staging.mywebsite.com",
    "API_URL": "https://staging.api.mywebsite.com"
  },
  "production": {
    "BASE_URL": "https://mywebsite.com",
    "API_URL": "https://api.mywebsite.com"
  }
}