如何在npm上传自己的包?

1,294 阅读1分钟

首先需要在npm官网注册注册帐号,官网为 https://www.npmjs.com/ 。

  1. 创建文件夹,我名为为firstnpm。
  2. 执行 `npm init -y` ,其中`-y`表示,遇到选择都选择yes。

    01.png
    其中 name 默认为创建的文件名,也是发布之后的名字
    version 为版本号
    descripton 为描述
    main 为暴露文件

  3. 如果在我们包里面需要引入别的包,例如 引入一个 lodash 包,执行 `npm init lodash -S` -S表示在生产环境中引入并写入pack.josn

    02.png
    此时pack.josn为03.png

  4. 登录用户 `npm adduser` 输入用户名与帐号

    04.jpg
    需要注意的是注意的是: 如果上面图片的最后一行是 logged in as 用户名 on registry.npm.taobao.org 即为淘宝的镜像源。则需要 npm config set registry https://registry.npm.org 即切换到npm的官网。 否则可能报403错误。

  5. 用Comman JS 暴露

    05.png
    lodash 是一个封装好的JS库,chunk是一个工具函数,可以分割数组,这里只为测试。

  6. 上传`npm publish`

    06.png
    此时显示报了一个错误,原因是名字与别的包重名了,在pack.json里面修改name,我加了几个数字。


    再次上传仍然出现错误 07.png 错误原因为,npm帐号为进行邮箱验证,登录npm官网进行邮箱验证即可。登陆后会在上方提示。

  7. 再次 `npm publish`

    08.png 上传成功

  8. npm中搜索

    09.png

  9. 使用时与其他包一样 `npm i firstnpm520` `npm install` 即可

ps:掘金编辑器还不会用,有时间在排版吧。