npm包的创建

596 阅读2分钟

npm包的创建

      在工作中我们积累了一些自己的功能代码,这些功能代码可以在其它项目中重复使用,此时我们就可以选择把代码打包在[npm]上,在需要的项目中,通过npm install去下载下来。

npm项目初始化

第一步
      项目初始化,在小黑窗中使用 npm init --yes 创建一个package.json文件,对你的项目myNpm信息进行设置,再在这个包里面创建一个index.js文件用来书写自己累积的一些功能代码,在默认情况下,index.js是这个项目的入口文件。

image.png

第二步
      在本地磁盘上创建一个空项目,取文件夹名为 myNpm .注意要先去npm官网去确认一下,这个项目名是否是已经被占用了的
检查方式:在小黑窗中输入 npm view 包名
      如果返回404,说明这个项目在npm官网找不到,此时你就可以使用.
      不能使用 image.png       可以使用

image.png

切换当前npm源到官网

      由于我们需要把包上传到npm上,所以要先确保当前的npm源是npmjs.org .

      (1)查看当前的npm的registry配置,确保是registry.npmjs.org

    npm config get registry 

      (2)如果不是,可以通过如下命令来设置(手动设置registry)

    npm config set registry https://registry.npmjs.org 

链接npm

      在小黑窗中输入命令 npm adduser 会出现一个小弹窗,需要输入四个信息以供链接上npmjs:
      用户名:
      密码:
      邮箱:(是你在npmjs官网上注册时使用的信息)
      校验密码:(它会向你的邮箱发邮件)

      如果你已经不是第一次连接了,这一步是可以省略的。

image.png       密码校验成功后可以输入命令 npm who am i 来检查自己书否连接成功
      打印出来的是自己的用户名则连接成功,如果成功了,则可以进行最后一步.

把包上传到npm

       命令:

           npm publish
           

image.png