Project Setup Generator

Create project folder structures quickly from the Command Palette, with optional full dependency setup.

Supported Types

• React
• Django
• Node
• Fullstack
• Python API

Command

Project Setup Generator: Create Project Structure

Project Setup Generator: Repair Existing Project

Command IDs:

• projectSetupGenerator.createProjectStructure
• projectSetupGenerator.repairExistingProject

How It Works

1. Choose project type.
2. Choose setup mode:
   • Full Auto Setup (Recommended) creates runnable setup and installs dependencies.
   • Structure Only creates files/folders only.
3. Enter project name.
4. Select base folder (if no workspace folder is open).
5. Extension creates everything automatically.

What Full Auto Setup Creates

• React: Vite + React app (npm run dev ready)
• Node: Express server + nodemon (npm run dev ready)
• Fullstack: Frontend + backend + root concurrent dev script (npm run dev ready)
• Python API: FastAPI + venv + installed requirements
• Django: venv + Django install + project + apps (core, users)

Repair Existing Project

Use Project Setup Generator: Repair Existing Project to install missing dependencies in an existing folder.

• React/Node: runs npm install
• Fullstack: runs npm install in root, frontend, and backend (when package files exist)
• Python API/Django: creates .venv if needed and installs dependencies from requirements.txt

Cross-Platform

• Works on macOS
• Works on Windows
• Works on Linux

The extension uses Node.js filesystem APIs (path, fs/promises) and does not rely on shell commands.

Local Run (Extension Development Host)

1. Open this extension folder in VS Code.
2. Press F5.
3. In the Extension Development Host, open Command Palette.
4. Run Project Setup Generator: Create Project Structure.

Full Commands (Setup, Test, Package, Publish)

Run these in:

/Users/tanujsharma/Documents/New project/project-setup-generator-extension

1. Install dependencies:

npm install

2. Basic extension file check:

npm run check

3. Run extension in development host:

# Open this folder in VS Code, then press F5

4. Package extension as .vsix:

npm run package:vsix

5. Install generated .vsix locally:

code --install-extension project-setup-generator-0.0.1.vsix

6. Publish to VS Code Marketplace:

npx vsce login tanuj
npm run publish:vsce

7. Publish a specific version:

npx vsce publish 0.0.1

Before publishing:

• Update version in package.json.
• Ensure publisher is your real Marketplace publisher ID.
• Keep README.md, CHANGELOG.md, and LICENSE updated.

Logo Setup (VS Code + Azure DevOps)

Extension icon path is configured in package.json:

• assets/logo.png

After placing your source logo image, convert it to PNG and copy:

macOS (with built-in sips):

sips -s format png "/absolute/path/to/your-logo-file" --out "/Users/tanujsharma/Documents/New project/project-setup-generator-extension/assets/logo.png"

Windows (PowerShell):

Add-Type -AssemblyName System.Drawing
$img = [System.Drawing.Image]::FromFile("C:\path\to\your-logo-file")
$bmp = New-Object System.Drawing.Bitmap $img
$bmp.Save("C:\path\to\project-setup-generator-extension\assets\logo.png", [System.Drawing.Imaging.ImageFormat]::Png)
$img.Dispose()
$bmp.Dispose()

Troubleshooting

• Make sure you are running the extension from this folder with F5 (Extension Development Host).
• If the command does not work, open View -> Output, then select Project Setup Generator in the dropdown to see logs.
• If command is missing, check Developer: Show Running Extensions and verify Project Setup Generator is active.