当前位置:主页 > 查看内容

在npm官网发布自己的包

发布时间:2021-08-09 00:00| 位朋友查看

简介:一、准备工作 自定义终端 1.1 第一步 新建一个文件夹命名为 my-cli 1.2 第二步 在该目录初始化一个包管理文件: npm init -y 注意该文件的入口文件(即main配置项)需配置为: main: index.js, 1.3 第三步 然后在该目录下新建一个 index.js 文件,并输入以下内容……

一、准备工作 自定义终端

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"
  }
}
;原文链接:https://blog.csdn.net/weixin_43742708/article/details/115702219
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!

推荐图文


随机推荐