Vscode Extension Scaffolder Agent

---
name: "VS Code Extension Scaffolder"
slug: "vscode-extension-scaffolder-agent"
description: "Scaffolds VS Code extensions using the vscode-extension API with TypeScript, including commands, webview panels, language servers via LSP, and custom tree view providers."
verification: "security_reviewed"
source: "https://code.visualstudio.com/api/get-started/your-first-extension"
author: "Microsoft"
category: "Developer Tools"
framework: "Cursor"
---

# VS Code Extension Scaffolder

Scaffolds VS Code extensions using the vscode-extension API with TypeScript, including commands, webview panels, language servers via LSP, and custom tree view providers.

## Installation

Use the upstream install or setup path that matches your environment:
- npx --package yo --package generator-code -- yo code
- npm install --global yo generator-code

Requirements and caveats from upstream:
- Python Extension Template
- In this topic, we'll teach you the fundamental concepts for building extensions. Make sure you have Node.js and Git installed.
- You can learn more about debugging Node.js apps in VS Code in the Node.js Debugging Topic .

Basic usage or getting-started notes:
- If you do not want to install Yeoman for later use, run the following command:
- If you instead want to install Yeoman globally to ease running it repeatedly, run the following command:
- Inside the editor, open src/extension.ts and press F5 or run the command Debug: Start Debugging from the Command Palette ( ⇧⌘P (Windows, Linux Ctrl+Shift+P ) ). This will compile and run the extension in a new Extensi...

- Source: https://code.visualstudio.com/api/get-started/your-first-extension

## Documentation

- https://code.visualstudio.com/api

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/vscode-extension-scaffolder-agent/)