【自荐开源】一个轻量的 Web IDE UI 框架

[AndyZjy]

Molecule

一个轻量的 Web IDE UI 框架

Molecule 是一款受 VSCode 启发，使用 React.js 构建的 Web IDE UI 框架。我们设计了类似 VSCode 的扩展（Extension)机制，可以帮助我们使用 React 组件快速完成对 Workbench 的自定义。Molecule 与 React 项目集成非常方便，我们已经在 DTStack 多个产品、项目中使用。

在线预览

核心功能

• 内置 React 版本的 Visual Studio Code Workbench UI
• 基本兼容 Visual Studio Code 的 ColorTheme
• 支持使用 React 组件自定义 Workbench UI 样式
• 内置 Monaco Editor Command Palette、Keybinding等模块，并支持扩展
• 支持 i18n，内置简体中文、English 2 种语言
• 内置一个简单的 Settings 模块，支持在线编辑修改以及扩展
• 内置默认的 Explorer, Search 等组件，并支持扩展
• Typescript 支持

与其他开源的 Web IDE 的区别？

Molecule 只是一个单纯的 Web IDE UI 交互框架，不涉及例如文件系统、版本管理、 LSP、DAP、Terminal 等更复杂的 IDE 功能，需要开发者自己手动实现
基于 React.js 的组件库，更好的 UI 自定义能力, React.js 应用无缝接入
基本兼容了 VS Code 上千种 ColorTheme 扩展