npm发包

252 阅读3分钟

1、使用公司邮箱注册npm账号

npm官网:www.npmjs.com/

  进入npm官网,我们成功注册后,进入第二步

 

2、切换npm源

我们在日常开发过程当中,经常会因为频繁的使用npm,有不同网速的需求,会换源到淘宝源或者华为源等等等。。。。

首先我们切回为npm源,发包要使用npm源

npm config set registry https://registry.npmjs.org/

然后我们需要检查一下是否切换成功。

npm config get registry 

如果输出结果为:

image.png

则切换成功!!!  

3、发包

此处我以公司项目为例子

一、初始化对应的npm

npm init

根据提示输入你要发的包的名字,然后一直回车,出现Is this OK?的时候, 输入yes回车。最后会生成一个package.json,如下:

{
  "name": "npm-****", // 包名,包名不允许重复,npm i XXX 下载就是按这个包名下载的
  "version": "1.0.0", // 版本号  --默认是1.0.0,当然版本号可以随意更改
  "author": "***", // 作者名称
  "description": "", // 描述信息--可以不写
  "keywords": ["utils", "format", "money", "phone"], // 关键词,提升SEO  --可以不写
  // 代码托管的位置 --可选,建议必选,除非不打算维护
  "repository": {
    "type": "git",
    "url": "https://github.com/xxxx/xxxx.git"  //代码托管地址
  },
  "license": "ISC", // 许可证 
  "homepage": "", // 这个包的介绍网站首页 --可以没有
  "bugs": "", // 使用者bug反馈地址  ---可以没有
  "main": "index.js", // 入口文件  默认是index.js 可修改 必填
  "scripts": {
    // 存放可执行脚本
    "test": "echo "Error: no test specified" && exit 1"
  },
  "dependencies": {
    // 运行依赖
  },
  "devDependencies": {
    // 开发依赖
  }
}

二、登陆npm

npm login

根据提示输入你的用户名,密码,其中密码是盲打的,输入完直接回车

登陆完之后,使用

npm whoami

查看登陆状态,登陆成功之后,会出现你的用户名

三、查询包是否可发

查看是否可以发包(因为发布的包名必须是唯一的,所以得查看有没有同样的包名),如果包名重复,会发布失败,需要更换成唯一的包名

如果查不到该包名,报错,就说明没有这个包名,代表可以发布

npm view 包名

四、更改版本号

我们可以手动更改版本号,也可以通过命令更改版本号,下面是一些更改版本号的命令

npm version xxx   // 自动更改版本号,并且commit
npm version patch // 控制台会返回下一个小版本号 如v1.0.1
npm version minor // minor:次版本号,增加新功能,如 v1.0.0->v1.1.0
npm version major // major:主版本号,不兼容的修改,如 v1.0.0->v2.0.0

五、发布

预发布,版本号包含 alpha/beta/rc 等后缀,比如 1.0.0-beta.1)时,npm 要求必须通过 --tag 指定标签,不能使用默认的 latest 标签(避免预发布版本覆盖正式版本的标签)。

发布时明确指定标签(比如用 beta 标签)

npm publish --tag beta

调试完成之后,本地打包 npm run build 或者根据配置进行发布:npm run p:beta,如果使用了yalc自动打包调试,直接publish

npm publish

六、登录npm包查看

登录npm后,我们可以在package里看到刚才已经发布成功的包

4、测试包

npm i ***** -S