发布第一个属于自己的npm包

简介: 然后点击可以看到APP中有一个npm的账户,点击进去可以看到一个一次性的密码输入到PC的Enter code

image.png


前言 通过本文可以简单对如何发布到npmjs.com的包,做一个梳理。从注册账号、启用2FA安全验证、到通过命令npm login 登录 登录成功后,准备使用npm publish 发布自己的npm包


1、注册账号设置邮箱


官网地址www.npmjs.com ,这个比较简单我就不细展开了。


2、npm login


image.png


每个箭头都有其特有的意义


  • Username:输入你在npmjs.com注册的用户名
  • Password:输入你在npmjs.com注册时填写的密码
  • Email: 输入你在npmjs.com注册关联的邮箱
  • one-time password: 输入邮箱中的 OTP code


这里就是邮箱中的OTP code,应该设置完邮箱就可以开启了


image.png


3、2FA验证方式设置


通过邮箱的OTP code是一种登录方式,另外还可以通过2FA


  • 先通过浏览器开启2FA


点击Enable 2FA进入


image.png


  • 选择Authenticator app


image.png


  • 然后下载一个app


Authenticator app,下载完毕后,APP 凭据菜单,有一个Scan a QR code,扫描PC 官网的二维码


image.png


  • 然后点击可以看到APP中有一个npm的账户,点击进去可以看到一个一次性的密码输入到PC的Enter code


  • 2FA开启成功


image.png


  • 最后其实还有一个Security key这种看着需要硬件的支持,就没去尝试了,应该是更安全一些。


  • npm login 测试


image.png两种登录方式,一种是通过邮箱的OTP code 位数是8位 ,另外一种是通过app 里的一次性密码代码 长度为6位


4、npm publish


发布的时候只需要输入一个OTP code或者Authenticator app中的一次性密码代码即可


image.png


5、npmjs.com中查看


image.png


6、总结


好了,到这里整个流程就梳理完毕了。

目录
相关文章
|
2月前
|
前端开发 小程序 API
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
|
2月前
|
资源调度 小程序 前端开发
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
|
2月前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
261 1
|
2月前
|
资源调度 小程序 前端开发
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
|
2月前
|
JavaScript
Nodejs 第七章(发布npm包)
Nodejs 第七章(发布npm包)
40 0
|
2月前
|
资源调度
#发布npm包遇到错误,因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
#发布npm包遇到错误,因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
250 0
|
5天前
|
JavaScript 测试技术
npm发布自己的插件包
npm发布自己的插件包
|
2月前
|
前端开发 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` 发布项目。注意版本号递增,无意义的包不建议发布。
48 2
从0到1开发一个自己的npm包完整过程
|
2月前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
44 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
|
11天前
|
JavaScript 开发工具 数据安全/隐私保护
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
17 0