发布一个自己经常使用的工具函数 npm packages npm publish

1、编写自己在项目中经常使用的js方法

比如:

发布一个自己经常使用的工具函数 npm packages npm publish_第1张图片

2、git仓库托管

我的js方法库的地址为: https://github.com/wangshuo1991/js-screw;

发布一个自己经常使用的工具函数 npm packages npm publish_第2张图片

3、回到项目文件夹,初始化仓库

npm init

会出现一些配置项目,如下填写(根据个人情况):

 

发布一个自己经常使用的工具函数 npm packages npm publish_第3张图片

4、准备npm发布

发布之前的准备工作:

1、自己去npm.org上申请账号,要记住用户名和密码,一会要用。

 

开始登录:

npm login

注意: 这个时候要注意。我们平时用的都是 taobao 镜像,但是你发布是要发在npm.org 上边,所以淘宝镜像一定要改为 npm org的镜像。如下:

发布一个自己经常使用的工具函数 npm packages npm publish_第4张图片

登录之后,开始上传了:

npm publish

之后出现这个界面 就算是成功了。

发布一个自己经常使用的工具函数 npm packages npm publish_第5张图片

5、包的管理和更新

如何更新呢?

运行下面的命令,会直接将版本号更新

npm version patch

版本号更新完毕之后,需要再次上传

npm publish

最终登录npm官网,可以看到自己的js方法库了;

发布一个自己经常使用的工具函数 npm packages npm publish_第6张图片

6、使用

和所有的包一样,直接install就可以了。

npm i -S js-screw

在mainjs(入口文件中)使用:

const $tool = require('js-screw');
console.log('$tool', $tool);
Vue.prototype.$tool = $tool;

在具体文件中使用即可

this.$tool.convertTime(1600001390);

~ end。

你可能感兴趣的:(前端,vue,npm)