发布第一个属于自己的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、总结


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

目录
相关文章
|
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——删除已发布的包
20 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` 发布项目。注意版本号递增,无意义的包不建议发布。
97 2
从0到1开发一个自己的npm包完整过程
|
3月前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
57 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议

热门文章

最新文章