注册发布自己的npm包

1. 注册npm

地址

输入账号,密码,邮箱

然后去邮箱验证,验证完再继续下面的操作,不验证的话,npm publish会报403

2. 创建npm包

1.npm init

生成package.json文件,里面的name值可以取一个特殊点名字,以免发包的时候包名冲突导致发布不上

{
  "name": "longweixiahao",
  "version": "1.0.0",
  "description": "",
  "main": "index.js", //注意这里指向我们暴露的入口文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

2.创建index.js文件

function getName(name,des){
    return `我是${name},${des}`
}
module.exports={
    getName
}

3.发布

发布前需要配置账户信息,不然会报401

首先执行下npm adduser,输入相应的Username、Password、Email: (this IS public)

输入密码的时候,控制台看不到信息,不用管,其实在输入的。

如果npm有设置镜像,要取消

如果不是https://registry.npmjs.org/,而是其他的镜像,比如我们大家常见的淘宝镜像
http://registry.npm.taobao.org/

那么首先替换成原来的,替换成原来执行如下命令:
·npm config set registry https://registry.npmjs.org/

最后,替换完毕再执行npm adduser、npm publish

运行 npm publish

注册发布自己的npm包_第1张图片
然后去npm上查看自己的包

4.使用

安装依赖:

npm install longweixia

在自己的项目上使用

const hanlder = require('longweixiahao')
console.log(hanlder.getName('龙',66))

效果
在这里插入图片描述

5.升级npm

升级的时候需要更新package.json中的version

{
  "name": "longweixiahao",
  "version": "1.0.1",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

然后再npm publish

发包后,再在使用的项目中更新npm 包

npm install longweixiahao@latest

注册发布自己的npm包_第2张图片

然后就可以使用更新后的包了

你可能感兴趣的:(业务,vue,资料,npm,javascript,前端)