在npm官网发布自己的包

一、准备工作 自定义终端

1.1 第一步:

新建一个文件夹,命名为:my-cli

1.2 第二步:

在该目录初始化一个包管理文件:npm init -y
注意:该文件的入口文件(即main配置项)需配置为:"main": "index.js",

1.3 第三步:

然后在该目录下新建一个 index.js文件,并输入以下内容:

#! /usr/bin/env node

console.log('hello cli');

这句代码的意思是:在当前的电脑环境中查找node,用找到的node来执行当前文件

1.4第四步

package.json文件中,新增bin配置项,具体配置信息如下:

"bin": {
  "xxx": "index.js"
},

上面代码的意思是指定 xxx 运行的是那个文件
xxx代表的是以后你运行的全局命令,比如 node --version ,则xxxnode

1.5 第五步:npm link

该命令的作用是,将bin配置项和系统的环境变量做一个链接,做一个链接之后,会将我们的 xxx 配置到环境变量中,之后输入 xxx 即可执行我们的index.js 文件

第六步:测试,输入xxx 如果能输出 hello cli,则代表配置成功。

二、core

三、发布到NPM

3.1 完善我们的package.json

新增 keywords关键字配置。
该关键字会在npm官网搜索时作为搜索依据。
在这里插入图片描述
新增 Homepage 关键字配置。
该关键字设置的是自己的主页地址:点击可以前往自己的主页。
在这里插入图片描述

新增 Repository 关键字配置。
该关键字设置的是npm包的仓库地址。
在这里插入图片描述

具体配置信息如下:

{
  "name": "super-vue-cli",
  "version": "1.2.2",
  "description": "This is vue cli tools",
  "main": "index.js",
  "bin": {
    "sucli": "index.js"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "bookbook",
    "pengsir",
    "vue",
    "cli"
  ],
  "author": "bookbook",
  "license": "MIT",
  "homepage": "https://github.com/penggang-home",
  "repository": {
    "type": "git",
    "url": "https://gitee.com/penggang-home/cli"
  },
  "dependencies": {
    "commander": "^7.2.0",
    "download-git-repo": "^3.0.2",
    "ejs": "^3.1.6",
    "open": "^8.0.5"
  }
}

3.2 发布

发布需要有账号,没有的可以去官网:npmjs.com注册一个。

之后 运行命令:npm publish填写账号密码即可

发布之后

别人即可:npm i xxx 安装你的包

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

优雅哥cc

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值