wodewo

我们在前端开发中会经常用到命令行工具,比如@babel/clivue-clicreate-react-app 等等。那么如何创建一个npm 命令行工具呢?其实很简单的,仅需要几步即可。

创建

1 初始化npm项目

npm init
package name: (cli) gogocode-cli
version: (1.0.0) 
description: my-first-cli
entry point: (index.js) 
keywords: npm cli
author: super man

2 配置bin字段

npm init 后会生成一个package.json文件,在该文件中添加一个bin字段,bin字段的key就是你的命令(gogocode),value指向相对于package.json的路径(index.js),不同的key对应不同的命令。关于 bin 字段更多信息请参考文档

{
  "name": "gogocode-cli",
  "version": "1.0.0",
  "description": "my-first-cli",
  "bin": {
    "gogocode": "index.js"
  }
}

3 创建index.js文件

在项目根目录创建index.js文件。下面是index.js文件内容:使用console.log() 函数来输出命令行返回信息。

 #!/usr/bin/env node
 console.log(\'Hello, world!\');

注意:第一行一定要添加脚本来指定运行环境(#!/usr/bin/env node)

4 打包发布

4.1 发布

  • 在项目根目录执行npm pulish 命令。按照系统提示操作,即可将你的命令行工具发布到 npmjs 平台。期间需要注册npm账号,可自行百度。
npm publish
  • 打包完成之后,就能在npmjs官网看到你发布的npm包了。

image.png

4.2 验证

  1. 全局安装 npm 包
npm install gogocode-cli -g
  1. 执行命令
gogocode
  1. 正确输出 “Hello,World!”

分类:

技术点:

相关文章:

  • 2021-09-17
  • 2022-01-05
  • 2021-11-12
  • 2021-05-18
  • 2018-01-16
  • 2021-11-03
  • 2021-12-28
  • 2018-10-27
猜你喜欢
  • 2021-09-30
  • 2021-11-22
  • 2021-10-28
  • 2021-09-16
  • 2021-11-22
  • 2018-12-03
  • 2022-01-17
相关资源
相似解决方案