如何开发创建自己的npm包并成功发布、维护至npm官方网站

npm,全称为Node Package Manager,是专为JavaScript生态系统设计的软件包管理系统,尤其与Node.js平台紧密关联。作为Node.js的默认包管理工具,npm为开发者提供了便捷的方式来安装、共享、分发和管理代码模块。

npm作为JavaScript世界不可或缺的基础设施,极大地促进了代码复用和协作。创建自己的npm包并成功发布、维护至npm官方网站,可以连接全球范围内的开发者、包作者与使用者,共同推动着Node.js生态的繁荣与发展。

一、npm init

使用npm init生成package.json

复制代码
{
  "name": "whale-makelink",
  "version": "1.0.5",
  "description": "Make-link can get all the project folders of the current directory, and generate the project link directory in the readme.",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "[email protected]:jingwhale/whale-makelink.git"
  },
  "keywords": [
    "makelink"
  ],
  "author": "[email protected]",
  "license": "ISC"
}

二、自定义命令

2.1、在package.json的bin下定义一个对象,这里makelink就是需要的命令,内容交给index.js

复制代码
{
  "name": "whale-makelink",
  "version": "1.0.5",
  "description": "Make-link can get all the project folders of the current directory, and generate the project link directory in the readme.",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "[email protected]:jingwhale/whale-makelink.git"
  },
  "bin": {
    "makelink": "./index.js"
  },
  "keywords": [
    "makelink"
  ],
  "author": "[email protected]",
  "license": "ISC"
}

2.2、在index.js中添加'#!/usr/bin/env node'

复制代码
#!/usr/bin/env node

const path = require('path');
const makelink = require('./makelink');

const pathName = path.resolve(__dirname, '../..');
const srcFile = pathName + '/README.md';

makelink(srcFile,pathName);

三、发布npm包

3.1、注册

npm官网注册,并且通过邮件验证后,才能发npm包。

3.2、登录

复制代码
npm login

输入用户名、密码和邮箱。

3.3、发布

复制代码
npm publish

3.4、版本更新

1)、变更版本号-自动改变版本

复制代码
npm version <update_type>

update_type为patch, minor, or major其中之一,分别表示补丁,小改,大改

复制代码
若是patch,变为1.0.1
若是minor,变为1.1.0
若是major,变为2.0.0

2)、发布

复制代码
npm publish

3.5、发布出错

1)、验证邮箱

2)、修正npm源

复制代码
npm config get registry
npm config set registry=http://registry.npmjs.org

四、更新package.json

更新package.json后,需要先提交到github,再进行版本的升级。

五、版本展示

创建

readme中使用

复制代码
![verion](https://img.shields.io/badge/npm-1.0.8-brightgreen.svg)

策略

每次代码更新完毕,在进行版本的升级操作。

六、npm whale-makelink

相关推荐
郝YH是人间理想13 分钟前
系统架构设计师案例分析题——web篇
前端·软件工程
Evaporator Core14 分钟前
深入探索:Core Web Vitals 进阶优化与新兴指标
前端·windows
lichao89042740 分钟前
谈谈未来iOS越狱或巨魔是否会消失
ios
初遇你时动了情40 分钟前
html js 原生实现web组件、web公共组件、template模版插槽
前端·javascript·html
mon_star°1 小时前
微信答题小程序支持latex公式显示解决方案
微信·小程序
就叫飞六吧1 小时前
Spring Security 集成指南:避免 CORS 跨域问题
java·后端·spring
QQ2740287561 小时前
Soundness Gitpod 部署教程
linux·运维·服务器·前端·chrome·web3
前端小崔1 小时前
从零开始学习three.js(18):一文详解three.js中的着色器Shader
前端·javascript·学习·3d·webgl·数据可视化·着色器
哎呦你好1 小时前
HTML 表格与div深度解析区别及常见误区
前端·html
运维@小兵1 小时前
vue配置子路由,实现点击左侧菜单,内容区域显示不同的内容
前端·javascript·vue.js