OpenSumi CLI 正式发布，插件文档上新内容一览

喵不喵设计

于 2023-04-23 18:08:33 发布

阅读量274

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/weixin_58359897/article/details/130327482

版权

OpenSumi 宣布推出 CLI 工具，支持开发 VS Code 插件并扩展其自身的 OpenSumi API。开发者可以利用 React 在浏览器端定制 UI，通过 Node 端调用原生 Node.js API，或在 Worker 端处理计算密集型任务。OpenSumi 提供与 VS Code 插件API兼容的环境，并支持在 Web 和 Electron 上运行。官方还提供了插件开发示例和文档，以及接入不同插件市场的选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 OpenSumi 中，我们提供了一个强大的插件生态系统，在兼容 VS Code 插件 API 的同时，我们也有着自己的 OpenSumi API 用于进一步拓展 IDE 界面及能力。

▲插件能力实现结构图

开发 VS Code 插件

在插件开发中，你可以遵循 VS Code 的开发模式，在 VS Code 内完成你的插件开发后，将实现的插件产物引入到基于 OpenSumi 搭建的 IDE 中使用，详细可参考 VS Code 插件文档 Extension Guides。

下面是一些常用的示例及文档：

eclipse-theia/vscode-builtin-extensions —— 基于 VS Code 版本打包其内置插件的工程项目
microsoft/vscode-extension-samples —— VS Code 官方的插件 API 示例仓库
Extension Guides —— VS Code 插件开发向导文档
Your First Extension —— 快速开始插件开发
Web Extensions —— 在 OpenSumi 中也支持了这类插件，在纯前端环境有着十分重要的作用

开发 OpenSumi 插件

OpenSumi 中存在着一部分仅能运行在基于 OpenSumi 开发的 IDE 之中，提供的能力包括但不限于：

通过 React 技术栈进行视图的拓展定制
Toolbar 定制
Electron Webview 管理
布局能力
全视图的自定义渲染

一个完整的 OpenSumi 插件目录结构如下：

.├── .gitignore          # git 忽略目录├── README.md           # 插件说明├── src    ├── extend        ├── browser     # 插件 Browser 端入口， 提供 UI 定制能力        ├── node        # 插件 Node 端入口，提供本地环境运行能力        ├── worker      # 插件 Worker 端入口，提供 WebWorker 环境运行能力│   └── extension.ts    # 插件源码 (VS Code 插件入口)├── package.json        # Extension manifest├── tsconfig.json

目录说明

src/extensions.ts 为 VS Code 插件入口，关于 VS Code 插件开发请参阅 Extension Guides。

src/extend 目录下为 OpenSumi 自有插件体系，包含 Browser/Node/Worker 端入口。********

入口说明