欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何将js库发布到npm

程序员文章站 2022-07-14 08:17:56
...

1.初始化项目为npm包(一个项目只使用一次,后续更新不需要再初始化)

npm init

回车后需要输入一些关键信息:

如何将js库发布到npm上面都填完后会自动生成一个package.json 文件,里面包含你刚刚输入的信息

2.登录(输入账号,密码,邮箱),密码是不显示的

npm login

如何将js库发布到npm3.提交(这个是核心步骤,它将你的代码库提交到npm库)

npm publish

到这里,如果没报错的话,你的代码库就成功提交到npm库了,cnpm会自动将npm中的代码库同步到国内镜像,所以也可以使用cnpm进行部署(刚发布的代码库相对npm有些延迟,cnpm同步频率为10分钟,我自己测试了一下,如果代码量少的话一两分钟就能实现代码同步)

使用(在你需要使用这个库的项目中部署就行了)

npm install shimh_npm --save

cnpm install shimh_npm --save

更新(如果你想改你的代码后重新发布到npm)

更新修改完的项目需要2步
一.修改版本号(将 package.json 里的 version 手动改为 1.0.2 或者用命令修改,下面是修改版本号的命令,他会将版本号自动 +1)

npm version patch

二.重新发布

npm publish

下面是在使用过程中有可能遇到的一些报错:

npm publish 时报 401

如何将js库发布到npm

 

原因:你没登录或者需要重新登录,使用 npm longin 命令登录一次就行了

 

npm publish 时报 403

如何将js库发布到npm

原因:你之前切换到了淘宝镜像源( https://registry.npm.taobao.org/ ),所以你登录到的是cnpm,你需要将源切换到npm再登录然后再提交,以下是相关操作

1.查看当前源

npm config get registry

2.切换源

npm config set registry=http://registry.npmjs.org

3.重新登录

npm login

扩展:如果安装了 nrm 工具,可以使用 nrm 进行源的切换

1.查看所有的源地址

nrm ls

源列表会以 key 和 value 的形式展现

如何将js库发布到npm

2.切换至指定源(比如我们切换回 taobao 源)

nrm use taobao

nrm切换优点就是易读易操作