Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VS Code Extension Generator SPNew to Visual Studio Code? Get it now.
VS Code Extension Generator SP

VS Code Extension Generator SP

SMIT_PATEL_SP

|
12 installs
| (0) | Free
Interactive VS Code extension boilerplate generator
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code Extension Generator

This VS Code extension helps you create new VS Code extensions through an interactive Q&A process. It generates boilerplate code for different types of VS Code extensions, making it easier to get started with extension development.

Features

  • Interactive Q&A process to gather extension requirements
  • Generates boilerplate code for different types of extensions:
    • Command-based extensions
    • Webview-based extensions
    • Custom editor extensions
  • Supports both TypeScript and JavaScript
  • Creates a complete project structure with all necessary configuration files
  • Includes debugging setup

Requirements

  • VS Code version 1.85.0 or higher
  • Node.js and npm installed

Usage

  1. Install the extension
  2. Open the command palette (Ctrl+Shift+P / Cmd+Shift+P)
  3. Type "Create New VS Code Extension" and select the command
  4. Follow the interactive prompts to configure your extension:
    • Enter extension name (lowercase, numbers, and hyphens only)
    • Enter display name
    • Enter description
    • Select extension type (command, webview, or custom editor)
    • Choose programming language (TypeScript or JavaScript)
  5. The extension will generate a complete project structure in your workspace

Generated Project Structure

The generator creates a complete VS Code extension project with:

  • package.json - Extension manifest and dependencies
  • src/ - Source code directory
  • .vscode/ - VS Code configuration for debugging
  • README.md - Project documentation
  • .gitignore - Git ignore file
  • .vscodeignore - VS Code packaging ignore file
  • TypeScript configuration (if TypeScript is selected)
  • ESLint configuration

Extension Types

Command Extension

Creates a basic command-based extension with a "Hello World" command.

Webview Extension

Generates an extension with a webview panel that can be opened via command.

Custom Editor Extension

Creates an extension that provides a custom editor for .custom files.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft