你还不会发布自己的npm包?超简单!学不会你捶我

603 阅读2分钟

前言

  • 不会还有人不知道什么是npm吧?npm的缩写是node package manager,正如英文所表达的那样,它是node的包管理器,打开了连接整个JavaScript天才世界的一扇大门。每星期大约有30亿次的下载量,包含超过600000个包(即代码模块),用过npm的就知道npm有多强大、有多香。
  • 那么问题来了,我想把自己封装的代码放到npm上,用的时候npm i 就可以下载使用要怎么做呢?总而言之言而总之就是把自己写的包发布到npm上。跟着节奏来,超简单哦!学不会你捶我。

第一步

  • 首先你要注册一个npm账号
  1. 百度搜npm

  2. 注册账号(下图为已注册)

image.png 3. 当你注册完成以后,会收到邮箱验证。(一定一定一定要验证邮箱,)

image.png

  • 验证完成 image.png

第二步

  • 登录npm账号
  1. win+R打开弹窗输入cmd

  2. 在命令行中输入npm login会出现以下场景:

image.png

  1. 按指令输入账号和密码

  2. 登录成功以后进入下一步

第三步

  • 发布自己的包
  1. 新建一个文件夹demo,文件夹中新建一个js文件(自己想发布的内容),结构如下:
    -demo
        -index.js(文件名可自定义)
  1. 打开终端,初始化npm
    npm init -y
  1. 发布npm
    npm publish
  • 到这里,你的npm包就已经发布了,可以npm i <包名>就可以下载使用了。
  • 如果发布过程中出现报错可能有一下几种情况:
  1. 没有完成邮箱验证

  2. 包名重复,npm上已经有相同的包名

  3. 每次发布都需要修改版本号

  • 为了方便理解再配一张图

image.png

结语

  • 到这里就大功告成了,制作不易,希望能够帮到你!
  • 前端知识整理 ( 你会回来感谢我的!)

image.png