使用npm发布自己包（详细教程）

目录

一、npm是什么？

二、发布npm包 详细步骤

        1.登录npm

        2.编写发布npm包

        3.发布npm包

总结

---

一、npm是什么？

npm (npm package manager) ，node的包的管理工具，为javaScript开发者提供了一个分享代码的方式，同时也为开发者提供了一个在项目中代码重用的方式，用npm下载需要的包,就可以在自己项目中使用了，同时也提供了一个便捷的方式来管理不同版本的代码，为我们开发提高了效率，此解释仅代表个人意见；

npm官网

二、发布npm包 详细步骤

首先需要具备npm账号，如果你目前还有npm账号，需要到npm官网注册账号 官网地址

1.登录npm

  1.打开命令行登录 Window+r 打开命令行 输入cmd

  2.登录 npm login 如图下：

Username:账号 Password:密码 Email:邮箱 此时已经登录成功 接下载就可以编写要发布的包了

 如果登录时遇到以下问题，可以去看一下博主的上一篇文章，有详细解决方案 传送门 

2.编写发布npm包

 第一步：创建一个发布包的项目

第二步：初始化包 npm init --- 按照如下一步步流程操作就可以哦~

第三步：创建好目录结构 

-scr
    base.js
    validare.js
-index.js
-package.js

 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把自己的包发布，发布后别人也可以使用，你也可以使用别人了，也利于版本更新，本文章就到此为止！希望有帮助到各位朋友，如果文章中有什么不足的地方请谅解，毕竟自己写的，不能与大佬相比较，此外有帮助到你，请为博主点个赞吧，我也会继续更新下去，感谢大家的支持！！！

 下期再见~~~