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
Install the extension
Open the command palette (Ctrl+Shift+P / Cmd+Shift+P)
Type "Create New VS Code Extension" and select the command
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)
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.