前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >怎样发布一个npm包?

怎样发布一个npm包?

原创
作者头像
前端老道
修改2020-05-15 14:26:47
3.4K0
修改2020-05-15 14:26:47
举报
文章被收录于专栏:Vue开发社区Vue开发社区

一、摘要:什么是npm?

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

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

1、创建一个npm账号

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

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

a.本地创建一个文件夹:

b.执行命令进入目录:$ cd

c.执行npm init 初始化项目。默认一路回车就行。

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

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

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

$ npm adduse

Username: user.name(自己注册的用户名)

Password: user.password(自己注册的密码)

Email: (this IS public) (自己的邮箱)

Logged in as **** on *****.(成功提示)

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

4、非第一次发包

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

5、npm publish 发布包

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

6、查询发布的包

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

7、安装使用方式

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

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

8、如何撤销发布的包

终端执行 npm unpublish

不过撤包推荐用法:

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

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

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

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

三、错误集锦

1、需要提高版本号

#1、发包 npm publish 失败

代码语言:javascript
复制
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 失败

代码语言:javascript
复制
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$ 

3、确保登陆的用户账号正确

代码语言:javascript
复制
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

4、登录时需要在username 前加‘~’,具体大家可以验证

代码语言:javascript
复制
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$ 

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

代码语言:javascript
复制
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$ 

#解决方案

代码语言:javascript
复制
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$ 

6、删除npm市场的包同名的24小时后才能重新发布

代码语言:javascript
复制
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$ 

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
访问管理
访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档