怎样发布一个npm包?

简介: 怎样发布一个npm包?

前言

什么是npm?

npm是javascript著名的包管理工具,是前端模块化下的一个标志性产物。简单来说,就是通过npm下载模块,复用已有的代码,提高工作效率

640.jpg

如何发布属于一个自己的包

创建一个npm账号

  npm注册账号,用户名账号密码邮箱注册完后,验证以下邮箱即可。

初始化一个简单的项目发布

  • 本地创建一个文件夹:
  • 执行命令进入目录:$ cd
  • 执行npm init 初始化项目。默认一路回车就行

如果本机第一次发布包(非第一次可以忽略)

在终端输入npm adduser,提示输入账号,密码和邮箱,然后将提示创建成功,具体如下图。

【注意】npm adduser成功的时候默认你已经登陆了,所以可跳过第四步。

$ npm adduser
Username: user.name(自己注册的用户名)
Password: user.password(自己注册的密码)
Email: (this IS public) (自己的邮箱)
Logged in as **** on *****.(成功提示)

复制代码最后一行显示登录信息,as 后面是用户名。on 后是源地址

非第一次发版

   在终端输入npm login,然后输入你创建的账号和密码,和邮箱,登陆,结果同步骤三。

npm publish 发布包

   注意:如果项目里有部分私密的代码不想发布到npm上,可以将它写入.gitignore 或.npmignore中,上传就会被忽略了

查询自己发布的包

   到npm官网全局搜索即可,npm包就此发布好了

安装使用方式

和其他包使用方式一致。将刚才的文件夹清空。

$ npm install **** --save-dev

如何撤销发布的包

终端执行 npm unpublish


不过撤包推荐用法:

npm unpublish的推荐替代命令:npm deprecate[@]

使用这个命令,并不会在社区里撤销你已有的包,但会在任何人尝试安装这个包的时候得到警告

例如:npm deprecate z-tool '这个包我已经不再维护了哟~

【注意】如果报权限方面的错,加上--force

错误集锦

需要提高版本号

#1、发包 npm publish 失败
sh-neverleave:z-tool neverleave$ npm publish
npm ERR! publish Failed PUT 400
npm ERR! code E400
npm ERR! deprecations must be strings : z-tool
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/neverleave/.npm/_logs/2018-11-23T10_52_01_742Z-debug.log
sh-neverleave:z-tool neverleave$ npm publish
#2、发包 npm publish 失败
sh-neverleave:z-tool neverleave$ npm publish
npm ERR! publish Failed PUT 403
npm ERR! code E403
npm ERR! You cannot publish over the previously published versions: 1.0.3. : z-tool
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/neverleave/.npm/_logs/2018-11-23T11_24_57_662Z-debug.log
sh-neverleave:z-tool neverleave$
————————————————
版权声明:本文为CSDN博主「前端老道」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44991965/article/details/106094013

确保登陆的用户账号正确

sh-neverleave:npm neverleave$ npm publish
npm ERR! publish Failed PUT 404
npm ERR! code E404
npm ERR! 404 User not found : z-tool
npm ERR! 404 
npm ERR! 404  'z-tool' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/neverleave/.npm/_logs/2018-11-23T07_32_28_518Z-debug.log

查登陆时需要在username前面加~,具体大家可以验证

sh-neverleave:npm neverleave$ npm login
Username: (~  neverleave) neverleave
Password: (<default hidden>) 
Email: (this IS public) (1063588359@qq.com) 
npm ERR! code EAUTHIP
npm ERR! Unable to authenticate, need: Basic
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/neverleave/.npm/_logs/2018-11-23T07_27_50_877Z-debug.log
sh-neverleave:npm neverleave

查无权限删除线上的包(撤包是有时间限制的,24小时)

sh-neverleave:z-tool neverleave$ npm unpublish z-tool
npm ERR! Refusing to delete entire project.
npm ERR! Run with --force to do this.
npm ERR! npm unpublish [<@scope>/]<pkg>[@<version>]
sh-neverleave:z-tool neverleave$
#解决方案
sh-neverleave:z-tool neverleave$ npm unpublish z-tool --force
npm WARN using --force I sure hope you know what you are doing.
- z-tool
sh-neverleave:z-tool neverleave$

删除npm市场的包同名的24小时才能重新

sh-neverleave:z-tool neverleave$ npm publish
npm ERR! publish Failed PUT 403
npm ERR! code E403
npm ERR! z-tool cannot be republished until 24 hours have passed. : z-tool
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/neverleave/.npm/_logs/2018-11-23T11_41_24_086Z-debug.log
sh-neverleave:z-tool neverleave$

近期


瞅啥啊,老铁!还不赶紧进去咱的大家庭,麻烦支持一下帅编!


相关文章
|
3月前
|
前端开发 小程序 API
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
|
3月前
|
资源调度 小程序 前端开发
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
|
3月前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
317 1
|
3月前
|
资源调度 小程序 前端开发
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
|
6天前
NPM——删除已发布的包
NPM——删除已发布的包
19 1
|
1月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
3天前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
6天前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
7 0
|
3月前
|
前端开发 JavaScript 数据安全/隐私保护
从0到1开发一个自己的npm包完整过程
创建自己的 npm 包涉及六个步骤:1) 注册 npm 账号;2) 使用 `npm init` 初始化项目,确保 package.json 的 name 唯一且 private 为 false;3) 开发项目,可封装 UI 组件、函数库或命令行工具;4) 本地调试,通过 `npm link` 在项目中测试;5) `npm login` 登录账号,可能需切换至官方仓库;6) 使用 `npm publish` 发布项目。注意版本号递增,无意义的包不建议发布。
96 2
从0到1开发一个自己的npm包完整过程
|
3月前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
57 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议

热门文章

最新文章

推荐镜像

更多