一、npm是什么?
npm (npm package manager) ,node的包的管理工具,为javaScript开发者提供了一个分享代码的方式,同时也为开发者提供了一个在项目中代码重用的方式,用npm下载需要的包,就可以在自己项目中使用了,同时也提供了一个便捷的方式来管理不同版本的代码,为我们开发提高了效率,此解释仅代表个人意见。 官网入口
二、发布npm包 详细步骤
1.登录npm
1.打开命令行登录 Window+r 打开命令行 输入cmd
2.登录 npm login 如图下:
Username:账号 Password:密码 Email:邮箱 此时已经登录成功 接下载就可以编写要发布的包了
如果登录时遇到以下问题,可以去看一下博主的之前文章,有详细解决方案
2.编写发布npm包
第一步:创建一个发布包的项目
第二步:初始化包 npm init --- 按照如下一步步流程操作就可以哦~
第三步:创建好目录结构
src目录下的base.js内容如下:
const BaseMethods = {
/**
* 获取数据类型
* @param params
* @returns 'String','Number'...
*/
getTypeOf: (params) => {
let type = Object.prototype.toString.call(params);
return type.match(/\[\w+\W(\w+)\]$/)[1];
},
/**
* 数组,字符串去重
* @param Array,String
* @returns
*/
unique: (params) => {
if (this.getTypeOf(params) === "Array") {
return [...new Set(arr)];
}
if (this.getTypeOf(params) === "String") {
let obj = {};
let str = "";
for (let i = 0, len = params.length; i < len; i++) {
if (obj[params[i]]) {
str += params[i];
obj[params[i]] = true;
}
}
return str;
}
},
};
export default BaseMethods;
src目录下validare.js内容如下:
const Validate = {
/**
* 手机号校验
*/
mobileCheck: (mobile) => {
let reg = /^[1][3,4,5,7,8][0-9]{9}$/;
return reg.test(mobile);
},
};
export default Validate;
最后在入口文件导入就可以了 内容如下:
import BaseMethods from "./src/base";
import Validate from "./src/validate";
export default {
BaseMethods,
Validate,
};
3.发布npm包
在我们刚刚创建好的目录为例,在根目录打开cmd运行
发布包命令:npm publish
博主在发布包的时候遇到的问题,希望会帮助到你~~~
一:
报错原因是你第一次发布npm包 你的账号绑定的邮箱 没有授权 此时你打开注册邮箱时 npm官网给你发送的邮箱号码,看有没有如下图,如果有点击红色区域即可
如果你邮箱里面没有如上图,也没有关系,打开npm官网,按照如下操作一步步来
接下来之后如果有提示就按照提示,没有提示的话,你就从新修改你的邮箱,可以是原来你绑定的邮箱,一步步操作即可;
二:
报错原因keywords关键字重复 此报错解决方式是 修改你package.js里 keywords字段
如下图:就证明已经发布到npm上成功了!
接着我们到npmjs官网去搜索 就可以显示出来了,接着就可以下载使用了;
安装 npm install mylpackage-myl -S 就可以安装使用了
总结
此文章是npm发布包教程,为方便我们在开发中提高效果,可以使用npm把自己的包发布,发布后别人也可以使用,你也可以使用别人了,也利于版本更新,本文章就到此为止!希望有帮助到各位朋友,如果文章中有什么不足的地方请谅解,毕竟自己写的,不能与大佬相比较,此外有帮助到你,请为博主点个赞吧,我也会继续更新下去,感谢大家的支持!!!
下期再见~~~