发布npm命令行脚本

1.初始化npm项目

npm init -y

执行命令后会生成package.json文件,文件中有一些配置项,根据实际情况修改:

属性名描述
name包的名字,默认是这个文件夹的名字,要求不能是npm上重名的
version包的版本,默认是1.0.0
description包描述
main入口文件,默认是index.js
keyword包的关键词,用于npm上搜索
author作者
license开源协议

2.编写脚本

入口文件index.js,需要在第一行添加 #!/usr/bin/env node

#!/usr/bin/env node

console.log('hello wbts-create-react-app!');

同时需要在``文件中添加bin配置,键名是生成的.cmd文件的名字,值是执行这个命名所要执行的脚本:

{
  "bin": {
    "wbts-create-react-app": "index.js"
  },
  "type": "module",
  "name": "wbts-create-react-app",
  "version": "1.0.0",
  "description": "a script for quickly creating react template project according to personal habits",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": ["wbts", "whereabouts"],
  "author": "hezebin",
  "license": "ISC"
}

3.测试

执行npm linknpm install -g全局安装生成的cmd文件,然后执行脚本即可:
在这里插入图片描述

3.发布到npm

首先前往官网注册npm账号:https://www.npmjs.com/

然后登录自己的账号:

npm login

注意:若将npm的镜像源配置过为淘宝(https://registry.npm.taobao.org)等的需要先切回官方的镜像源https://registry.npmjs.org

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

在发布完后再切回下载更快的三方镜像源。

最后发布即可:

npm publish

4.验证

登录到npm即可看到上述发布的包:
在这里插入图片描述
通过npx在线执行以下npm命令:

npx wbts-create-react-app

在这里插入图片描述

若为安装npx可直接使用npm安装:npm install -g npx

5.版本更新和卸载

若后续增删迭代功能后,不能直接发布,需要先更改配置文件中的版本号,或者执行命令:npm version patch,然后才可以在发布。

若要删除则执行:

npm unpublish

同样请注意:在做npm的写操作时,请把npm镜像源切换回官方的地址。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值