利用node.js制作命令行工具方法教程(一)


Posted in Javascript onJune 22, 2017

前言

之前使用过一些全局安装的NPM包,安装完之后,可以通过其提供的命令,完成一些任务。比如Fis3,可以通过fis3 server start 开启fis的静态文件服务,通过fis3 release开启文件编译与发布;还有vue-cli,可以通过vue init webpack my-project来初始化vue+webpack的项目基础配置。最近有一个需求,需要写一个类似vue-cli的NPM包,通过命令行操作实现项目初始配置,所以就查看了相关资料,学习了一下如何使用node来生成自己的命令。

编写命令行

命令的目标:在当前目录下开启一个静态文件服务,端口号为8085

1.创建目录

构成命令的基础是需要一个命令文件web.js和package.json配置文件,执行以下命令:

$ mkdir node-commander #创建一个文件夹

$ cd node-commander && mkdir bin

$ npm init #初始化package.json文件<br>$ cd bin && touch web.js #创建命令文件

2.命令文件 

#!/usr/bin/env node

 

var express = require('express');

var path = process.cwd();

 

function run(argv) {

 if (argv[0] === '-v' || argv[0] === '--version') {

 console.log('version is 1.0.0');

 }

 else if (argv[0] === '-h' || argv[0] === '--help') {

 console.log('usage:\n');

 console.log('-v --version [show version]')

 }

 else if (argv[0] === '-s' || argv[0] === '--start') {

 var app = new express();

 app.use('/static', express.static(path));

 app.listen(8085, function () {

 console.log('server start at port 8085');

 });

 }

}

 

run(process.argv.slice(2)); 

文件的头部务必加入#!/usr/bin/env node这行代码,这里表示使用node作为脚本的解释程序,node的路径通过env来查找,可以避免node安装路径不一带来的问题。

其中process为node进程中的全局变量,process.argv为一数组,数组内存储着命令行的各个部分,argv[0]为node的安装路径,argv[1]为主模块文件路劲,剩下为子命令或参数,如下:

node ./bin/web.js a b c

# process.argv的值为[ '/usr/local/bin/node', '/PATH/web.js', 'a', 'b', 'c' ]

3.命令配置

在package.json文件中添加bin字段:

"bin": {

 "web": "./bin/web.js"

 },

bin字段的作用:当安装npm包时,npm将添加一条命令/usr/local/bin/web,web命令软连接到web.js文件。

调试命令行

(1)采用install方法

进入npm包目录下,执行全局install,根据package.json中bin的配置,为全局命令创建软连。

# sudo npm install . -g
/usr/local/bin/web -> /usr/local/lib/node_modules/cli-demo/bin/web.js

/usr/local/lib

`-- cli-demo@1.0.0
...

查看web命令

# which web 

/usr/local/bin/web

执行web命令

# web --start

server start at port 8085

(2)采用npm link方法

npm link方法创建了两个软连,命令与命令文件的软连,全局包与实际包文件的软连。

# sudo npm link

 

/usr/local/bin/web -> /usr/local/lib/node_modules/cli-demo/bin/web.js

/usr/local/lib/node_modules/cli-demo -> /Users/baidu/hwm/home/demos/node/node-commander

接下来可以按照方法(1)进行操作了。

发布命令包

通过npm publish进行发布,前提是有npm帐号。如何操作可以查看npm 官方文档。

本文是通过原生node.js来开发命令工具,而vue-cli是采用commander.js来简化命令工具开发,关于commander.js的使用方法,将在下一篇文章中介绍。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
jQuery的promise与deferred对象在异步回调中的作用
May 03 Javascript
jQuery实现点击查看大图并以弹框的形式居中
Aug 08 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
js CSS3实现卡牌旋转切换效果
Jul 04 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
Vue程序化的事件监听器(实例方案详解)
Jan 07 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 #Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 #Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 #Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 #Javascript
详解用webpack2搭建angular2的项目
Jun 22 #Javascript
vue2.0实现分页组件的实例代码
Jun 22 #Javascript
纯JS实现只能输入数字的简单代码
Jun 21 #Javascript
You might like
php实现mysql数据库备份类
2008/03/20 PHP
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
VUE+Element实现增删改查的示例源码
2020/11/23 Vue.js
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
2021/02/20 Vue.js
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python版大富翁源代码分享
2018/11/19 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
python脚本实现音频m4a格式转成MP3格式的实例代码
2019/10/09 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
Django实现任意文件上传(最简单的方法)
2020/06/03 Python
python使用bs4爬取boss直聘静态页面
2020/10/10 Python
用python批量下载apk
2020/12/29 Python
一名毕业生的自我鉴定
2013/12/04 职场文书
小学生考试获奖感言
2014/01/30 职场文书
初一学生评语大全
2014/04/24 职场文书
公司节能减排倡议书
2014/05/14 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
初二学生评语大全
2014/12/26 职场文书
MongoDB安装使用并实现Python操作数据库
2021/06/28 MongoDB
Python实现列表拼接和去重的三种方式
2021/07/02 Python