如何创建个人自定义的npm发布包上传并使用

760 阅读1分钟

向npm上传发布一个个人的新包

第一步: 首先进入要发布的项目根目录(个人选择的文件夹里面) 初始化为npm包

npm init -y 直接默认属性 npm init 依次按照提示输入包名、版本、描述、github地址、license等

输入相应的自定义属性

snipaste20220302_211052.jpg

生成的package.json文件内容,此时可以点击自行修改

snipaste20220302_211209.jpg注意: 如果自己的包引用了第三方包,则需要在package.json文件种增加dependencies节点,写入依赖的包及版本

"dependencies": {
    "qiangqiang214": "^2.1.1",
    "zq123": "^1.0.10"
  }

第二步: 注册一个npm账号 过程略

第三步:登录自己的npm账号

snipaste20220302_212308.jpg

第四步:上传自己的包 输入npm publish

snipaste20220302_213144.jpg 上传成功 snipaste20220302_213350.jpg

其他

更新一个已经发布的包

首先一开始自己在该根目录下创建了一个index.js文件

修改包的版本:

cmd面板中输入npm version patch 版本成功更新

snipaste20220302_213831.jpg

更新后重新发布 如图则成功

snipaste20220302_214104.jpg

删除指定的版本

snipaste20220302_214346.jpg 成功删除后如图所示

snipaste20220302_214447.jpg

若要删除整个包 输入npm unpublish 包名--force

会有警告提示 图略

使用自己的包

输入npm i 包名

snipaste20220302_214848.jpg

在下载的包的index.js文件中 导出里面的内容 module.exports = xxx

snipaste20220302_215713.jpg

在自己的index.js文件中调用这个包 let xx = require('包名') 在控制台中输入 node index.js(当前的文件名) 成功调用后 显示结果如下图所示:

snipaste20220302_215719.jpg