# 开发第三方自定义组件
小程序从基础库版本 2.2.1 开始支持使用 npm 安装第三方包，因此也支持开发和使用第三方自定义组件包。关于 npm 功能的详情可先阅读相关文档。
# 准备
开发一个开源的自定义组件包给他人使用，首先需要明确他人是要如何使用这个包的，如果只是拷贝小程序目录下直接使用的话，可以跳过此文档 樱花视频在线，此文档中后续内容是以 npm 管理自定义组件包的前提下进行说明的。
在开发之前，要求开发者具有基础的 node，js 和 npm 相关的知识，同时需要准备好支持 npm 功能的开发者工具，点此下载。 樱花视频高清。
# 下载模板
为了方便开发者能够快速搭建好一个可用于开发，调试，测试的自定义组件包项目，官方提供了一个项目模板 樱花视频免费观看，下载使用模板的方式有三种：.
- 直接从 github 上下载 zip 文件并解压。
- 直接将 github 上的仓库 clone 下来。
- 使用官方提供的命令行工具初始化项目，下面会进行介绍。
项目模板中的构建是基于 gulp + webpack 来执行的，支持开发、构建、测试等命令，详情可参阅项目模板的 "樱花视频" README，md 文件。 樱花视频网站。
# 命令行工具
官方提供了命令行工具，用于快速初始化一个项目，执行如下命令安装命令行工具： 樱花视频。
___JX5_PROTECTED_code_2___
然后新建一个空目录作为项目根目录 樱花视频在线，在此根目录下执行：.
___JX5_PROTECTED_code_3___
命令执行完毕后会发现项目根目录下生成了许多文件 樱花视频高清，这是根据官方的项目模板生成的完整项目，之后开发者可直接在此之上进行开发修改。
命令行工具的更多用法可以查看 github 仓库上的 "樱花视频" README 樱花视频免费观看，md 文件。。
PS：第一次使用
miniprogram init初始化项目会去 github 上拉取模板，因此需要保证网络畅通 樱花视频网站。
# 测试工具
针对自定义组件的单元测试 樱花视频，可参阅文档单元测试。
# 自定义组件示例 (樱花视频)
以下为官方提供的自定义组件，可以参考并使用：
樱花视频 - # 自定义组件扩展示例
以下为官方提供的自定义组件扩展，可以参考并使用：