【笔记】创建自己的第三方组件

前言

使用微信官方脚手架miniprogram-cli创建自己的微信小程序第三方组件

全局安装脚手架

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

查看帮助

miniprogram --help

创建一个项目

• 创建目录

mkdir demo && cd demo

• 初始化目录

miniprogram init --type demo

• 按需输入表单，什么也不输入就是默认值

which type of project want to use to initialize? // 使用什么模版
please input the package name? // 包名
please input the package version? // 版本号
please input the miniprogram dist folder？ // 定义dist目录
please input the git repository url? // 定义仓库地址
please input the author？ // 定义作者

安装环境

npm install

• 环境安装完成会在项目根目录生成node_modules目录

导入项目

• 微信开发者工具->项目->导入项目

构建项目

安装构建工具（可选）

npm install -g gulp

开始构建

gulp

构建完成

• 构建完成后会在项目根目录生成miniprogram_dist目录

使用第三方组件

• 将miniprogram_dist更名为第三方组件名

• 放置在小程序项目的miniprogram-npm，即可使用

发布第三方组件

• 把创建完成的第三方组件发布到npm社区官网

传送门

完成

参考文献

哔哩哔哩——Python小清风