1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
# VSCode DevContainer 进程关系图 ```mermaid graph TD subgraph 宿主机 A[VSCode主进程] --> B[Dev Containers扩展] B --> C[容器管理进程] A --> D[终端进程] end subgraph 开发容器 C --> E[容器内Shell进程] E --> F[开发服务器进程] E --> G[调试器进程] E --> H[构建工具进程] E --> I[测试运行器进程] end A -->|通过SSH| E D -->|附加终端| E ``` ## 图例说明 1. **宿主机侧进程**: - VSCode主进程:运行在宿主机上的VSCode核心 - Dev Containers扩展:管理容器生命周期 - 容器管理进程:负责启动/停止开发容器 - 终端进程:用户打开的终端窗口 2. **容器内进程**: - Shell进程:容器内的主shell环境 - 开发服务器:如vite/webpack等 - 调试器:如node-inspector - 构建工具:如rollup/webpack - 测试运行器:如jest/mocha 3. 连接关系: - VSCode通过SSH协议与容器内进程通信 - 终端可以附加到容器内的shell进程 - 容器管理进程控制整个容器的生命周期 |