小程序自定义组件上传发布npm以及使用详细流程

一、简介小程序自定义组件

• 支付宝小程序创建和发布自定义组件流程
• npm 删除(废弃)发布包或版本
• 前端开发经常需要使用到 npm 安装第三方库，那么如何将自己写的库上传到 npm 进行使用呢？
• 如果在项目中使用到依赖包，可以先了解一下 npm 命令使用介绍以及区别，里面有对安装依赖包的详细介绍

二、注册 NPM 账号

• 注册好之后记得去填的注册邮箱里面验证一下，在继续下一步，否则发布会报错。

三、打开命令行，登录 NPM

• 在登录之前，先确定一下 NPM 镜像，如果镜像在之前设置为了淘宝镜像，那么在使用 npm login 登录时会出错，所以需要先将源替换为官方源，然后再上传。

// 查看当前 npm 源配置
$ npm config ls
// 查看当前 npm 全部源配置
$ npm config ls -l
// 修改 npm 源地址为官方源
$ npm config set registry https://registry.npmjs.org/
// 将 npm 源地址修改为淘宝源（用于安装 npm 速度慢的时候使用）
$ npm config set registry  https://registry.npm.taobao.org/

• 通过执行 $ npm config ls -l 命令查看 metrics-registry = “https://registry.npmjs.org/” 是否为官方源，如果不是则使用上面命令设置为官方源。
• 进行登录

// 登录命令
$ npm login

// 退出登录命令
$ npm logout

• 运行登录命令之后输入 NPM 账号、密码、邮件

zarek@zarekdeMacBook-Air zarek_demo % npm login
Username: zarek_yinsu
Password: 
Email: (this IS public) 78156xxxx@qq.com
Logged in as zarek_yinsu on https://registry.npmjs.org/.

• 登录之后出现最下面这行 Logged in as dengzemiao on https://registry.npmjs.org/. 就说明登录成功了。

四、上传发包创建一个文件夹，例如：zarek_demo

$ cd zarek_demo

• 在文件中创建 package.json，运行命令之后一路回车到底，没啥好改的，等下到文件里面也可以改。

$ npm init

• package.json 文件全部字段解释：

一般创建出来的 package.json 文件只会包含下面其中一部分字段，其他都是隐藏可选字段，根