> For the complete documentation index, see [llms.txt](https://chainide.gitbook.io/chainide-chinese/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://chainide.gitbook.io/chainide-chinese/4.-chainide-quan-ti-bu-ju/4.7.-cha-jian-xi-tong-mo-kuai.md).

# 2.7. Plugin System模块

插件系统模块中的一些按钮的功能

> 开源的模板插件系统：<https://github.com/WhiteMatrixTech/chainide-plugin-doc>

## 1. 插件系统使用

点击左侧菜单栏中的插件系统按钮，打开插件系统模块。 在输入框中输入插件的地址

<div align="center"><img src="https://2772835953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MZ6_j0WUFnBhwIdP3LR%2Fuploads%2FoFGGM4cxGuQD0hARjQA6%2FQQ%E5%9B%BE%E7%89%8720220628173237.png?alt=media&amp;token=24edea62-2e80-4c2b-bcc6-12bc55a86162" alt="1. 插件模块"></div>

点击load按钮添加插件。加载出对应的right panel并读取文件内容

![](https://2772835953-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MZ6_j0WUFnBhwIdP3LR%2F-MgsNzo9iCKDy28gnJHC%2F-MgxKTfee3vv3CDBi17W%2F8eb7e0d7-46a7-4213-83f1-365bff2557d4.png?alt=media\&token=3b742cf0-49c3-4de3-a11d-a748033a8193)

## 2. 插件系统的接入

&#x20;如果你已经初步了解了插件的开发，接下来就可以试着开发一个ChainIDE插件，首先fork[ ![](https://github.githubassets.com/favicon.ico)https://github.com/WhiteMatrixTech/chainide-extensions - Connect to preview](https://github.com/WhiteMatrixTech/chainide-extensions) 到你自己的账号下，该项目是存放所有ChainIDE插件的一个monorepo.

1. &#x20;安装依赖`yarn install`
2. &#x20;初始化项目`yarn bootstrap`

&#x20;这样一来你就已经搭建了插件的本地环境，`packages` 中存放的就是当前所有的外部插件

![](https://2772835953-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MZ6_j0WUFnBhwIdP3LR%2F-MgsNzo9iCKDy28gnJHC%2F-MgxEyZRLfA8WC14FZb5%2F3da89077-c4d9-4876-82d8-419908747055.png?alt=media\&token=b03f47f7-1c38-4385-9d6d-8fad9ab862e1)

在 `packages` 中通过上面的文档使用命令行工具创建一个sample-plugin，本地启动plugin并确保功能在README中清晰的描述出来，然后向原始仓库提交pr，如果pr通过了内部review并已经发布，你就会在ChainIDE的插件面板中看到并可以安装该插件。

![](https://2772835953-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MZ6_j0WUFnBhwIdP3LR%2F-MgsNzo9iCKDy28gnJHC%2F-MgxFRvORqau6NHHMMoq%2F27814919-726c-4ea3-a867-a9491804b365.png?alt=media\&token=12252e04-8927-4bda-8ca4-47c3d40ca144)