OpenSumi 插件文档更新啦!深入了解 OpenSumi API

本文介绍了OpenSumi的插件生态系统和API,包括内置图标、命令、组件,以及Toolbar、Button、Select等API的使用,并提到了Event、i18n、布局和终端等相关功能,旨在帮助开发者更好地进行OpenSumi插件的开发。
摘要由CSDN通过智能技术生成

OpenSumi 文档站又更新啦! 一起来了解下 OpenSumi 插件开发和OpenSumi API 等最新内容吧~

https://opensumi.com/zh/docs/extension/overview

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

OpenSumi 插件开发

OpenSumi 提供了内置图标、内置命令、内置组件能力。

内置图标

OpenSumi 提供了一套内置的图标集,这些图标是基于 iconfont 维护的,在注册视图等面板时可以直接使用 iconClass: <iconname> 来引用这些图标。

在线地址:OpenSumi built-in icon list

内置命令

OpenSumi 提供了一套内置命令,部分实现了 VS Code 内置实现的命令,这些命令可能会在某些插件被使用,如果遇到了没有实现的内置命令,可以前往 OpenSumi Issues 提适配需求。

例如使用 vscode.open 打开一个带协议的文件

import * as sumi from 'sumi';

// 参数说明
type VSCodeOpen = (
  resource: vscode.Uri,
  columnOrOptions?: vscode.ViewColumn | vscode.TextDocumentShowOptions,
  label?: string
) => void;

sumi.commands.executeCommand(
  'vscode.open',
  {
    preserveFocus: true,
    preview: false
  } as vscode.TextDocumentShowOptions,
  'test-title'
);

内置组件

OpenSumi 内置了一些基础的组件,在 Browser 端插件运行时可以通过 sumi-browser 模块引入这些组件来使用。
目前的内置组件包括:

├── Badge
├── Button
├── Checkbox
├── Dialog
├── Icon
├── Input
├── Messa
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值