microsoft/vscode
5 articles
Prerequisites
- ›Basic TypeScript knowledge (generics, modules)
- ›Familiarity with VS Code as a user
VS Code's Architecture: Navigating a 5,600-File TypeScript Codebase
A high-level map of the VS Code repository explaining the src/vs/ hierarchy, the four pillars, the strict layering system, and how it's enforced at build time.
From main.ts to First Paint: VS Code's Multi-Process Startup
Traces the complete boot sequence from Electron main process through CodeMain, CodeApplication, and the renderer-side Workbench creation.
The DI Engine: How VS Code Wires 190+ Services Together
A deep dive into VS Code's custom dependency injection system — decorators, graph resolution, lazy instantiation, the disposable lifecycle, events, and the contribution pattern.
The Extension Host: How VS Code Isolates and Communicates with Extensions
Explores VS Code's extension hosting architecture — three host kinds, the massive RPC protocol contract, proxy patterns, and how the vscode.* namespace is constructed.
Monaco and the Workbench: From Text Buffer to IDE Shell
Covers the two main UI layers of VS Code: the standalone Monaco editor and the Workbench shell, including contributions, layout, and platform-specific barrel files.