npm上传自己的包,更新自己发布的包

大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。

作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。


前提:本文涉及的命令都是在要发布的包的根目录下执行的,在编辑器的集成终端或者cmd终端执行效果都是一样的。

问题一:如何上传自己的包到npm

1、注册npm账号,并且完成邮箱验证。已有的用户可以跳过这一步,点击npm进行注册

2、进行包信息的初始化,输入npm init,根据提示输入对应的内容,此时,目录下会出现一个package.json文件。package name 字段必须唯一,因此要查看npm上是否已经有该名称的包

查看是否已有该包名:

npm view 你的包名

npm上传自己的包,更新自己发布的包_第1张图片

进行项目初始化:

npm init

npm上传自己的包,更新自己发布的包_第2张图片

npm上传自己的包,更新自己发布的包_第3张图片

3、新建一个README.md文件,以便广大网友理解这个包的作用。上一步的main字段指定了包的入口文件是index.js(如果自定义了其他的名字,就新建自定义名字的文件),因此在和package.json同级的地方新建一个index.js文件,写自己的逻辑。

npm上传自己的包,更新自己发布的包_第4张图片

4、登录npm账号,进行包的发布(需要完成邮箱注册,因为此时会要求输入邮箱并且填写邮箱收到的一次性密码)

npm login

npm上传自己的包,更新自己发布的包_第5张图片

5、 登录了之后,进行包的发布,npm pblish成功之后会给邮箱发一个一次性密码,输入回车就完成发布啦。

npm publish

npm上传自己的包,更新自己发布的包_第6张图片

6、发布完成,进入npm官网查看自己的包。项目中就能使用命令行 npm i 你的包名 来下载自己发布的包了

npm上传自己的包,更新自己发布的包_第7张图片

问题二:如何更新自己发布的npm包

1、登录自己的npm账户,同问题一的第4步

2、执行 npm version 更新类型

更新类型通常有这三种patch、minor、major。举例:执行npm version patch。package.json 的版本号将会从1.0.0变成1.0.1。

npm上传自己的包,更新自己发布的包_第8张图片

3、执行npm publish

npm上传自己的包,更新自己发布的包_第9张图片

 具体的可以查看这一节内容的官方文档


❤️欢迎素质三连[点赞 + 收藏 + 评论]

我是小梅,有兴趣的话可以在微信搜一搜「小梅的前端之路」第一时间接收文章更新通知,一起沟通、学习成长呀。

你可能感兴趣的:(总结记录,前端实践,npm,前端,javascript,npm)