显卡|阿里 & 蚂蚁自研 IDE 研发框架 OpenSumi 正式开源 it芯片

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

经历近 3 年时间，在阿里集团及蚂蚁集团共建小组的努力下， OpenSumi 作为国内首个强定制性、高性能，兼容 VS Code 插件体系的 IDE 研发框架，今天正式对外开源。
一 OpenSumi 是什么？ OpenSumi 是一款面向垂直领域，低门槛、高性能、高定制性的双端（Web 及 Electron）IDE 研发的框架。
框架早期由阿里集团淘系工程团队及蚂蚁集团体验技术部、研发效能团队联合发起，共同研发的 IDE 标准化研发框架。它基于 TypeScript + React 进行编码，实现了包含资源管理器、编辑器、调试、Git 面板、搜索面板等核心功能模块，开发者只要基于我们的起步项目进行简单配置，便可以快速地搭建属于自己的本地或云端 IDE 产品，框架自身兼容 VS Code 插件生态，主流 VS Code 插件均可无缝在基于 OpenSumi 研发的产品中运行，同时，框架也为开发者提供多种低成本，高定制的视图定制能力，能满足 IDE 场景下绝大多数的视图定制场景。
对于 IDE 研发，现今市面上已有了 code-server、Theia 等开源方案，我们为什么选择自研实现？自 2019 年开始，我们便发现了阿里及蚂蚁集团内部已经有了许多 IDE 产品，大部分产品对于 IDE 产品的前期建设大抵相同，但是这部分前期建设工作占用的则是一个团队少则几个月，多则半年一年的时间，存在着大量的重复劳动问题，而在部分团队使用开源方案的过程中，大家也或多或少遇到了一些问题，如定制能力有限、源码依赖深、维护困难、无法满足内部能力需求等问题。最终，我们决心集合多个团队的力量走上自研实现的道路。
二 OpenSumi 有什么优势？正如前面所说的， OpenSumi 是一款面向垂直领域，低门槛、高性能、高定制性的双端（Web 及 Electron）IDE 研发的框架。它的特点主要体现在下面几点内容：
【显卡|阿里 & 蚂蚁自研 IDE 研发框架 OpenSumi 正式开源】1 全面的视图定制能力
除了与主流浏览器相近的性能及编码体验外，在面向业务的垂直领域，我们拥有远超于同类框架的定制能力，基于我们的基础框架，你可以自由的通过模块或插件定制你的 IDE 产品，能达到真正意义上的 “全视图定制” 能力。

在许多内部产品实现阶段，我们会自然的通过模块去实现基础能力获得更好的维护性，而通过插件去实现业务上的视图或能力上的定制，达到更高的定制性。以阿里内部的部分研发场景为例，结构分层如下：

2 丰富的垂直领域研发支撑经验
OpenSumi 在正式开源之前，在阿里及蚂蚁集团内部已持续性孵化了两年之久，期间沉淀落地了一系列具有代表意义的垂直领域下的研发案例，大部分你能想到的研发实践场景，可能都可以在 OpenSumi 中找到实践经验。
1. 小程序研发场景
针对小程序研发场景，支付宝小程序开发者工具以及淘宝小程序开发者工具便是使用了 OpenSumi 作为核心框架进行实现，截止目前，月服务开发者数量已达到 2W + 。

通过我们的 Toolbar贡献点及额外的 sumi API ，我们能通过插件实现进一步的视图定制。如：
1）定制不同的 Toolbar 展示

2）实现独立可通信的窗口调度（如模拟器）

同时，共享的底层及插件能力，也让端到端的快速移植成为可能，通过对支付宝小程序开发者工具相关插件的移植，我们在短短 1 个月的时间内就完成了对功能相近，但使用场景不同的淘宝小程序开发者工具初期版本的支持，同时孵化出内部使用的 O2 客户端。