引言
通过自定义Hooks我们就可以复用到不同的项目中,使用已发布的 Hooks 可以避免重复编写相同的逻辑,提高开发效率,还提高了代码的一致性和质量,那我们废话少说直接到实现步骤
实现步骤
创建hooks
首先创建文件夹,创建一个任意名字的js文件,然后在js文件里编写hooks
配置npm
使用npm -v可以进行查看是否安装了npm,如果没有npm可以直接去Node.js官网进行下载node,npm就是node自带的,如果有的话需要查看路径源是否为npm官方镜像源,使用npm config get registry,如果使用的是淘宝镜像源需要使用npm config set registry https://registry.npmjs.org/ 切换为官方镜像源。
登录/注册npm官网账户
如果没有npm账户先去npm官网去按照步骤进行注册,有账户的话我们可以直接在终端进行登录使用npm login,出现下边的图片前往下边的路由地址,在网页端进行登录,如果是在终端登陆的话那就是镜像源没有切换到官网,一定要换到官网!!!
初始化
在vscode中打开终端在终端里使用npm init初始化我们的文件夹,名字一定要是唯一的不然不能上传到npm上
上传hooks到npm
使用npm publish将自定义的hooks上传到npm官网,返回如下图片就代表上传成功
然后我们可以打开npm官网查看我们上传的hooks包