VSCode源码采用模块化分层结构，严格遵循Electron多进程模型与TypeScript规范：src/下base/、platform/、workbench/、editor/四大目录按职责解耦；code/、vs/code/browser/、vs/platform/extensions/分别对应主进程、渲染进程、插件宿主进程；product.json与extensions/实现产品配置与默认扩展分离；Web版与桌面版启动路径隔离，Monaco编辑器物理独立。
如果您查看 Visual Studio Code 的源代码，会发现其目录结构高度模块化、分层清晰，且严格遵循 Electron 多进程模型与 TypeScript 工程化规范。以下是对其源码组织方式的详细说明：
本文运行环境：MacBook Pro M3，macOS Sequoia。
一、核心根目录划分
VSCode 源码主仓库以 src/ 为顶层源码入口，内部按功能职责划分为多个平行模块目录，彼此解耦。这种结构支撑跨平台构建与 Web / Desktop 双端复用。
1、base/ 目录存放通用工具函数、底层数据结构（如链表、LRU 缓存）、基础 UI 构建块（如按钮、输入框抽象），供所有上层模块调用。
2、platform/ 目录定义跨层级共享的基础服务接口（如 IFileService、IConfigurationService）及依赖注入容器（InstantiationService），不包含任何工作台或编辑器逻辑。
3、workbench/ 目录承载 UI 层核心：包括侧边栏（资源管理器、搜索、调试）、面板框架（终端、输出、问题）、以及 Monaco 编辑器集成层，是用户可见界面的主干。
4、editor/ 目录专用于封装 Monaco Editor 的封装逻辑、编辑器控件（如 diff editor、notebook editor）、语言特性桥接（如 LSP 客户端适配）。
二、进程边界对应目录归属
源码组织直接映射 VSCode 的三进程架构，每个进程有专属代码域，避免跨进程逻辑混杂。主进程、渲染进程、插件宿主进程的功能实现分散在不同路径下，通过 IPC 或 RPC 显式通信。
1、主进程逻辑集中于 code/ 目录，包含 Electron 主文件（main.js）、CLI 入口、窗口生命周期管理及原生系统调用封装。
2、渲染进程代码主体位于 vs/code/browser/ 和 vs/workbench/browser/，负责 HTML/CSS/TS 渲染、UI 组件挂载、命令调度转发。
3、插件宿主进程实现在 vs/platform/extensions/ 与 vs/workbench/services/extensions/，定义扩展生命周期、API 注入机制、JSON-RPC 通道建立流程。
三、扩展与产品配置分离
VSCode 将可定制能力与产品形态解耦，确保开源核心（Code - OSS）与商业发行版（Visual Studio Code）能共用同一套源码基线，仅通过配置差异区分。
1、product.json 文件声明产品元信息：应用名称、图标路径、更新 URL、默认启用扩展列表、协议注册项等，是构建时注入的静态配置。
2、extensions/ 目录内置默认扩展（如 Git、GitHub Authentication、Emmet），其源码与独立发布版本一致，但被编译进最终产物，无需用户手动安装。
3、.vscode/ 目录不出现在源码仓库中，它仅存在于开发者本地工作区，用于覆盖全局设置、定义任务与调试配置，属于运行时生成内容。
四、构建与启动入口隔离
源码中明确区分 Web 版与桌面版的启动路径，便于开发者按需调试特定目标，降低环境依赖复杂度。两套流程共享大部分业务逻辑，仅在入口和平台适配层分叉。
1、Web 版启动脚本为 ./scripts/code-web.sh，调用 code-web.js 启动 Koa 服务，监听 localhost:8080，加载 workbench.html 模板并注入浏览器端 workbench 入口 JS。
2、桌面版启动脚本为 ./scripts/code.sh，执行 Electron 主进程初始化，加载 vs/code/electron-main/main.js，创建 BrowserWindow 并注入渲染进程资源路径。
3、Monaco 编辑器作为独立子项目，其源码托管于 /node_modules/monaco-editor 或通过 gulp editor-distro 单独构建，与 VSCode 主体源码物理隔离。
