简单实现创建一个npm包并发布到官网

第一步

首先去npm官网注册账号，登录账号。登录进去后如下图所示：

第二步

自己创建一个文件夹--注意：这个文件夹的名字就是你上传到npm官网的包名，所以不能和官网里面有重名。

可以先把你想要创建包名先去官网搜索一下，如果下面显示0 packages found证明你的包名并没有重复

 接下来就创建一个包名叫testnpmcreat的文件夹，创建成功后我们进入这个文件夹里面，在地址栏输入cmd

第三步

进入cmd我们需要先使用npm命令先初始化，使用npm init --yes初始化，如下图初始化成功

成功后，你的这个文件夹下面就会出现一个package.json文件

 第四步

这时候我们就需要打开vscode来创建一个index.js文件，在这个文件中封装一个你想要实现的功能，这里我就来封装一个简单的功能--计算两个数字的累加和，然后导出这个封装后的函数。

// 封装函数
const addNum = (a, b) => {
  return a + b
}
// 导出
module.exports = {
  addNum
}

第五步

这时候我们自定义的模块已经算写完了，接下来就是连接npm官网，然后把写好的模块(也可以叫包)发布到npm官网。在这之前我们需要确保当前的npm源是npmjs.org

查看当前npm的registry的配置

npm config get registry 
# 查看当前的npm的registry配置，确保是https://registry.npmjs.org

# 如果不是，可以通过如下命令来设置
npm config set registry https://registry.npmjs.org 
# 手动设置registry

如果想把下包的地址切换回国内的淘宝服务器，命令如下
npm config set registry=https://registry.npm.taobao.org/

第六步

连接npm

npm adduser

输入命令后会验证你之前在npm官网注册的账号、密码、邮箱和验证码，如果你不是第一次连接，这一步就可以省略了。

 如果你想要判断自己是否连接成功，使用下面这个命令，会返回你注册时的用户名

npm who am i

 第七步

将包上传到npm

npm publish

执行成功后如下图：

接下来，我们就可以到npm官网里面查看自己创建的包了

然后，我们就可以通过npm install testnpmcreat来将这个包下载下来使用了。

最后，为了节约公共资源，我们可以通过npm unpublish --force 将包强制删除了，毕竟我们自己封装的包并没有什么太大的用处，等以后积累的逐渐功能多了起来再来上传吧！

npm unpublish --force //强制删除

从官网删除成功