如何用TypeScript快速开发一个CLI工具?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1356个文字,预计阅读时间需要6分钟。
CLI是命令行接口(command-line interface)的简称,也是前端常用脚手架工具,如yo、vue-cli、react-cli等。CLI可以方便我们快速创建项目。以下是使用vue-cli的介绍:创建项目,运行下。
cli 的全称 command-line interface(命令行界面),也就是前端同学常用的脚手架,比如 yo、vue cli、react cli 等。
cli 可以方便我们快速创建项目,下图是引用 vue cli 的介绍:
创建项目
运行下面的命令,创建一个项目:
npm init
执行命令完成后,可以看到项目根目录只有一个 package.json 文件。
在 package.json 文件增加 bin 对象,并指定入口文件 dist/index.js。
在命令行运行需要在入口文件的第一行增加 #!/usr/bin/env node,告诉系统用 node 运行这个文件。
{ "name": "cli-demo", "version": "0.0.1", "description": "cli demo", "keywords": [ "cli" ], "bin": { "cli-demo": "dist/index.js" } ... }
安装依赖
命令行工具,也会涉及到用户交互的动作,那么 node.js 是怎么实现呢?早有大佬提供了非常好的库,我们只要拿过来用,主要有两个库:
- commander:完整的 node.js 命令行解决方案。
本文共计1356个文字,预计阅读时间需要6分钟。
CLI是命令行接口(command-line interface)的简称,也是前端常用脚手架工具,如yo、vue-cli、react-cli等。CLI可以方便我们快速创建项目。以下是使用vue-cli的介绍:创建项目,运行下。
cli 的全称 command-line interface(命令行界面),也就是前端同学常用的脚手架,比如 yo、vue cli、react cli 等。
cli 可以方便我们快速创建项目,下图是引用 vue cli 的介绍:
创建项目
运行下面的命令,创建一个项目:
npm init
执行命令完成后,可以看到项目根目录只有一个 package.json 文件。
在 package.json 文件增加 bin 对象,并指定入口文件 dist/index.js。
在命令行运行需要在入口文件的第一行增加 #!/usr/bin/env node,告诉系统用 node 运行这个文件。
{ "name": "cli-demo", "version": "0.0.1", "description": "cli demo", "keywords": [ "cli" ], "bin": { "cli-demo": "dist/index.js" } ... }
安装依赖
命令行工具,也会涉及到用户交互的动作,那么 node.js 是怎么实现呢?早有大佬提供了非常好的库,我们只要拿过来用,主要有两个库:
- commander:完整的 node.js 命令行解决方案。

