随着开发场景的越来越多样化，传统的本地客户端 IDE 已经远远满足不了开发者的需要。

得益于 VS Code 所用到的技术与组件，VS Code 可以相对轻松地形成前后端分离的架构，从而为开发者提供多种的开发模式：纯 SaaS 的 Cloud IDE、连接到不同的后端（WSL、Container、Remote VM）、自托管的服务器等。

那么，VS Code 所用到的技术与组件是如何让它能更好地支持前后端分离的架构的呢？VS Code 前后端分离的架构是怎么样设计的？这样的架构设计又能带来怎么样的好处？

希望通过本次演讲能为大家提供参考和借鉴意义。

演讲提纲：

1. 解析 VS Code 的核心技术 - 前后端分离的基础

• 生于前端：Monaco Editor
• 成于前端：Electron
• LSP (Language Server Protocol)
• DAP (Debug Adapter Protocol)
• Xterm.js
• 进程隔离的架构与插件模型

2. 剖析前后端分离带来的多种开发模式及其架构

• 本地的前端 + 本地的后端：VS Code Desktop
• 本地的前端 + "远程"的后端：VS Code Remote
• 远程的前端 + 远程的后端：GitHub Codespaces
• 远程的前端 + "本地"的后端：VS Code Server

3. 未来可期

• Dev Container - 可定制化的开发容器成为统一的“后端”
• github.dev & vscode.dev - 不止前端
• WebAssembly - “前后端”都在浏览器中，带来无限可能

你将获得：

• 了解 VS Code 背后所使用到的重要技术以及组件，以及其为前后端分离所做的铺垫
• 学习借鉴 VS Code 前后端分离的架构
• 探索前后端分离的架构下，未来的一些新方向和新机会