使用npm发布自己包(详细教程)

简介: 使用npm发布自己包,以及遇到的问题,如何解决

一、npm是什么?

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

二、发布npm包 详细步骤

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

2.登录 npm login 如图下:

​​image.png

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

如果登录时遇到以下问题,可以去看一下博主的之前文章,有详细解决方案

2.编写发布npm包
第一步:创建一个发布包的项目

image.png

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

image.png

第三步:创建好目录结构

image.png

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

博主在发布包的时候遇到的问题,希望会帮助到你~~~

一:

image.png

报错原因是你第一次发布npm包 你的账号绑定的邮箱 没有授权 此时你打开注册邮箱时 npm官网给你发送的邮箱号码,看有没有如下图,如果有点击红色区域即可

image.png

如果你邮箱里面没有如上图,也没有关系,打开npm官网,按照如下操作一步步来

image.png

接下来之后如果有提示就按照提示,没有提示的话,你就从新修改你的邮箱,可以是原来你绑定的邮箱,一步步操作即可;

image.png

二:

image.png

报错原因keywords关键字重复 此报错解决方式是 修改你package.js里 keywords字段

image.png

如下图:就证明已经发布到npm上成功了!

image.png

接着我们到npmjs官网去搜索 就可以显示出来了,接着就可以下载使用了;

image.png

安装 npm install mylpackage-myl -S 就可以安装使用了

总结

此文章是npm发布包教程,为方便我们在开发中提高效果,可以使用npm把自己的包发布,发布后别人也可以使用,你也可以使用别人了,也利于版本更新,本文章就到此为止!希望有帮助到各位朋友,如果文章中有什么不足的地方请谅解,毕竟自己写的,不能与大佬相比较,此外有帮助到你,请为博主点个赞吧,我也会继续更新下去,感谢大家的支持!!!
下期再见~~~

目录
相关文章
|
6月前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
448 1
|
1月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
81 2
|
1月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
56 3
npm学习一:npm 包管理工具 学习、使用。
|
29天前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
73 0
|
2月前
|
数据安全/隐私保护
发布一个npm包
发布一个npm包
107 2
|
3月前
NPM——删除已发布的包
NPM——删除已发布的包
127 1
|
4月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
3月前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
3月前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
23 0
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护
从0到1开发一个自己的npm包完整过程
创建自己的 npm 包涉及六个步骤:1) 注册 npm 账号;2) 使用 `npm init` 初始化项目,确保 package.json 的 name 唯一且 private 为 false;3) 开发项目,可封装 UI 组件、函数库或命令行工具;4) 本地调试,通过 `npm link` 在项目中测试;5) `npm login` 登录账号,可能需切换至官方仓库;6) 使用 `npm publish` 发布项目。注意版本号递增,无意义的包不建议发布。
486 2
从0到1开发一个自己的npm包完整过程