开发第三方自定义组件

小程序从基础库版本 开始支持使用 npm 安装第三方包，因此也支持开发和使用第三方自定义组件包。关于 npm 功能的详情可先阅读相关文档。

准备

开发一个开源的自定义组件包给他人使用，首先需要明确他人是要如何使用这个包的，如果只是拷贝小程序目录下直接使用的话，可以跳过此文档。此文档中后续内容是以 npm 管理自定义组件包的前提下进行说明的。

在开发之前，要求开发者具有基础的 node.js 和 npm 相关的知识，同时需要准备好支持 npm 功能的开发者工具，点此下载。

下载模板

• 直接从 github 上下载 zip 文件并解压。
• 直接将 github 上的仓库 clone 下来。
• 使用官方提供的命令行工具初始化项目，下面会进行介绍。

命令行工具

npm install -g @bilibili-miniprogram/miniprogram-cli

然后新建一个空目录作为项目根目录，在此根目录下执行：

miniprogram init --type custom-component

PS：第一次使用 miniprogram init 初始化项目会去 github 上拉取模板，因此需要保证网络畅通。

测试工具

针对自定义组件的单元测试，可参阅文档单元测试。

自定义组件示例

以下为官方提供的自定义组件，可以参考并使用：

自定义组件扩展示例

以下为官方提供的自定义组件扩展，可以参考并使用：