背景🌟
我们公司平时在开发的时候,总是会需要开发一些组件库,去提供给组内其他人通用,这样大大提高了复用性,当然大厂会有自己的组件库,不过学无止境嘛,大家可以根据本文学会如何发布npm包!现在一起来吧~
01、步骤一注册
打开npm官网,如果没有账号就注册账号,如果有就登陆。
02、步骤二创建文件夹
按需求创建一个文件夹,本文以
test
为例。
03、步骤三初始化package.json文件
进入
test
文件夹里面,使用cmd
打开命令行窗口,在命令行窗口里面输入npm init
初始化package.json
文件。也可以在Visual Studio Coode
的终端里面使用npm init
命令初始化。
04、步骤四初始化package.json文件的过程
创建package.json的步骤
01、package name: 设置包名,也就是下载时所使用的的命令,设置需谨慎。
02、version: 设置版本号,如果不设置那就默认版本号。
03、description: 包描述,就是对这个包的概括。
04、entry point: 设置入口文件,如果不设置会默认为index.js文件。
05、test command: 设置测试指令,默认值就是一句不能执行的话,可不设置。
06、git repository: 设置或创建git管理库。
07、keywords: 设置关键字,也可以不设置。
08、author: 设置作者名称,可不设置。
09、license: 备案号,可以不设置。
10、回车即可生成package.json文件,然后还有一行需要输入yes命令就推出窗口。
11、测试package.json文件是否创建成功的命令npm install -g。
05、步骤五创建index.js文件
在
test
文件夹根目录下创建index.js
文件,接着就是编写index.js
文件了,此处不作详细叙述。
06、步骤六初始化package-lock.json文件
在
test
根目录下使用npm link
命令创建package-lock.json
文件。
07、步骤七登录npm账号
使用npm login链接npm官网账号,此过程需要输入Username、Password和Email,需要提前准备好。连接成功会输出Logged in as [Username] on registry.npmjs.org/ 这句话,账号不同,输出会有不同。
08、步骤八发布包到npm服务器
执行
npm publish
命令发布包即可。
09、步骤九下载安装
下载安装使用包,此例的下载命令是
npm install mj-calculation --save
。
10、步骤十更新包
更新包的命
npm version patch
,更新成功会输出版本号,版本号会自动加一,此更新只针对本地而言。
11、步骤十一发布包到npm服务器
更新包至
npm
服务器的命令npm publish
,成功会输出版本,npm
服务器的版本也会更新。
12、步骤十二删除指定版本
删除指定版本
npm unpublish mj-calculation@1.0.2
,成功会输出删除的版本号,对应服务器也会删除。
13、步骤十三删除包
撤销已发布的包
npm unpublish mj-calculation
使用的命令。
14、步骤十四强制删除包
强制撤销已发布的包
npm unpublish mj-calculation --force
使用的命令。