从0到1发布npm包增删改

本文详细指导如何通过npminit初始化npm包,编写getWeekDate示例,本地调试、链接和发布包,以及版本控制和删除操作。还包括了登录npm、包名检查、npm配置和常见问题解决方案。

发布npm 包有

  1. 初始化包 命令 npm init ,天写对用
  2. 创建一个index.js 和初始化包的入口文件保持一直;
  3. 编写代码;
  4. 发布代码;
  5. 迭代版本
  6. 删除版本

初始化包

在这里插入图片描述

在入口文件编写程序

index.js 编写例子


const getWeekDate = () => {
  let now = new Date(),
    day = now.getDay(),
    weeks = new Array(
      "星期日",
      "星期一",
      "星期二",
      "星期三",
      "星期四",
      "星期五",
      "星期六"
    );
  var week = weeks[day];
  return week;
}

export {
  getWeekDate
}

查看编写代码是否有问题

npm install -g

本地调试npm 包

在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试
在npm包项目目录执行

npm link package-name

package-name 命令会使用 package.json 中的name 属性 这里也是npm 包名

在对于项目中使用软链接

npm link jsbusiness 

在文件中使用使用 import 引用 jsbusiness 即可

如果调试完成后删除link包

npm unlink jsbusiness 

登录npm 并上到我们自己的包

确保已注册npm 账户 (npm 官网注册)

登录命令

根据提示输入注册的账户密码已经邮箱

npm login

或者

npm adduser
出现登录不上的解决办法

可能会出现一下错误已经解决办法

npm ERR! code E500
npm ERR! 500 Internal Server Error - PUT https://registry.npm.taobao.org/-/user/org.couchdb.user:selfsummer

配置npm包地址

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

检查地址

curl https://registry.npmjs.org/

清除缓存

npm cache clean --force

以此执行以上命令

查看是否登录成功

npm who am i

包包发布到npm 上面去

发布包前须看看自己命名的报名是否被占用,如果占用是上传不上的


命令
 npm publish

在这里插入图片描述

登录npm 查看自己的包
在这里插入图片描述
在这里插入图片描述

更npm新包

对应常用的函数来说肯定是会经常更新包,添加删除新的函数
跟新包先使用命令更新 package.json

 npm version patch

npm ERR! code 129
在这里插入图片描述
解决办法,手动修改 package.json 版本号即可

修改版本号后使用以下命令把版本代码推上npm厂库

npm publish

删除某一个版本或者删除一个已经发布的版本

删除某一个版本需要在后门跟上对应的版本号 比如删除刚刚发布的包
npm unpublish selfsummerbusiness@1.0.1
在这里插入图片描述

只提交打包的文件到npm (二种方式)

npm publish发布一个npm包,发布的时候你希望只发布打包的文件,包的源码,单元测试等文件不希望发布;
.npmignore中的文件不会被发布,默认情况下,npm publish发布目录中的所有文件,除了

.npmignore(黑名单方式)

在项目根目录下新建一个名称为 .npmignore 的文件,使用与 .gitignore 一样的写法,将不希望上传到 npm 仓库的文件记录进去

默认情况下,npm publish发布目录中的所有文件,除了
在这里插入图片描述

package.files(白名单方式)

在 package.json 新建一个名称为 files 的属性,以数组的方式,记录下希望上传到 npm 仓库的文件

在这里插入图片描述

需要注意的

不能把刚发布的删掉
比如我这是删除的是 selfsummerbusiness@1.0.0 这个版本 后面我想更新包就会出现以下情况

在这里插入图片描述
这些得意思是需要等待24小时后才能上传npm包

npm unpublish 

npm 命令查看已经有大佬整理好了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值