VS Code 的架构

Question

是否有关于构建 VS Code 的文章或演示文稿 - 架构、插件方法、与操作系统特定内容进行通信的能力等？

从 .NET 开始，我们拥有仅限 Windows 的应用程序，但希望跨平台。第一个想法是将内容转移到 .NET Core，尽管我不确定这对于使用 Windows 特定资源的应用程序来说有多困难。无论如何，我们也在研究其他选择，包括从头开始编写一些东西的可能性。VS Code 是因为跨平台且可扩展。我所知道的是 Electron 用于 UI，你几乎可以为任何部分编写插件，而且它是开源的（或者至少 Codium 是）。

因此，我想了解更多关于架构的知识，还有哪些其他语言用于组件以及为什么，遇到了什么问题等。我希望找到一些文章和演示，或者参与人员的讨论。但除了一些基本信息之外，我最终找到了如何使用 VS Code 创建解决方案。

那么您是否知道一些好的链接，也许不是专门关于 VS Code 的，而是类似的架构解决方案？

谢谢

Answer 1

VSCode“简单地”是一个基于 Electron 构建的编辑器/IDE/开发平台。如果您想构建通用的跨平台应用程序，也许您应该开始研究 Electron（或 NW.js）而不是 VSCode。

一切都是 JavaScript（或 TypeScript）、Node.JS 进程和嵌入式 Chromium 浏览器，用于渲染“网页”以构建应用程序。通常，渲染进程和主进程并行运行，交换消息以进行通信。真正的 UI 部分实际上是你想要的任何东西，比如 React、Angular 或一些普通的 HTML+CSS+JavaScript。

本质上 - 您正在交付一个带有预加载网页和捆绑 Node.JS 后端的浏览器作为您的应用程序。应用程序架构的主要部分将与使用 HTML5 的任何基于浏览器的应用程序相同。比如本地存储、会话存储等的使用。

Electron 文档https://www.electronjs.org/docs/tutorial/application-architecture描述了一些基本的高级架构。

Electron 内部架构概览：https://www.youtube.com/watch?v=oTDjyMTZU1s

由于您可能已经拥有大量 C# 代码和库 - 以及 C# 编码器 - 您可能希望重用它们，因此还有一个 .NET 版本的 Electron https://github.com/ElectronNET/Electron.NET。例如，如果您想在 Blazor 中执行 UI。不过，该架构与您构建的 Web 应用程序几乎相同。您只需捆绑浏览器和后端即可。