利用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 相关文章推荐
JS日历 推荐
Dec 03 Javascript
javascript demo 基本技巧
Dec 18 Javascript
jquery对表单操作2
Apr 06 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Jul 31 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
Jan 08 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 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
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
图片按比例缩放函数
2006/06/26 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
JS二叉树的简单实现方法示例
2017/04/05 Javascript
Vue实现购物车功能
2017/04/27 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
Vue组件的使用及个人理解与介绍
2019/02/09 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
vue2 中二级路由高亮问题及配置方法
2019/06/10 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
python正则表达式中的括号匹配问题
2014/12/14 Python
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
pycharm配置git(图文教程)
2019/08/16 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
linux面试题参考答案(4)
2014/09/21 面试题
旅游管理专业个人求职信范文
2013/12/24 职场文书
岗位说明书怎么写
2014/07/30 职场文书
银行先进个人总结
2015/02/15 职场文书
2014年终个人总结报告
2015/03/09 职场文书
三好学生竞选稿
2015/11/21 职场文书