MoleculeWeb IDE UI 框架

Molecule是一個受VS Code啟發(fā)，使用React.js構(gòu)建的Web IDE UI 框架。通過設(shè)計一種類似VS Code擴(kuò)展機(jī)制（Extension），可快速、輕松搭建一個高度抽象的Web IDE UI系統(tǒng)。同時基于Monaco Editor，內(nèi)置集成QuickAccess和Keybinding等功能，提供簡單的API以供使用。

得益于擴(kuò)展機(jī)制和React組件化技術(shù)，Molecule可以對Workbench UI、 ColorTheme 、自定義熱鍵、快捷訪問等功能進(jìn)行自定義擴(kuò)展。另外，開發(fā)者可將業(yè)務(wù)代碼和IDE UI架構(gòu)解耦，在保持業(yè)務(wù)高速迭代的同時，使得產(chǎn)品交互體驗依然保持良好的可持續(xù)進(jìn)化能力。

Molecule參考了VS Code的設(shè)計，對UI抽象、編輯器、顏色主題等重新進(jìn)行了梳理，Molecule 核心功能如下：

? 內(nèi)置React 版本的Visual Studio Code Workbench UI

? 基本兼容 Visual Studio Code的ColorTheme

? 支持使用React組件自定義Workbench UI樣式

? 內(nèi)置Monaco Editor Command Palette、Keybinding等模塊，并支持?jǐn)U展

? 支持i18n，內(nèi)置簡體中文、English兩種語言

? 內(nèi)置一個簡單的Settings模塊，支持在線編輯修改以及擴(kuò)展

? 內(nèi)置默認(rèn)的Explorer, Search等組件，并支持?jǐn)U展

? Typescript 支持

同時Molecule具備以下優(yōu)勢：

React.js 應(yīng)用無縫接入

? 基于  React.js 的組件庫，更好的 UI 自定義能力

? 基本兼容了 VS Code  上千種 ColorTheme 擴(kuò)展

? Molecule 只是一個單純的 Web IDE UI 交互框架，不涉及例如文件系統(tǒng)、版本管理、 LSP、DAP、Terminal 等更復(fù)雜的 IDE 功能，需要開發(fā)者自己手動實(shí)現(xiàn)。