利用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 相关文章推荐
浅谈Javascript嵌套函数及闭包
Nov 09 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
JQuery基础语法小结
Feb 27 Javascript
js正则匹配出所有图片及图片地址src的方法
Jun 08 Javascript
基于JS+Canves实现点击按钮水波纹效果
Sep 15 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
Angular使用Md5加密的解决方法
Sep 16 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 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中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
JS实现淡入淡出图片效果的方法分析
2016/12/20 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
2018/04/12 jQuery
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
Django发送html邮件的方法
2015/05/26 Python
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
python爬虫获取新浪新闻教学
2018/12/23 Python
Python爬取某平台短视频的方法
2021/02/08 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
简历中个人自我评价范文
2013/12/26 职场文书
仓库管理专业个人的自我评价
2013/12/30 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
感恩之星事迹材料
2014/05/03 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
写景作文评语集锦
2014/12/25 职场文书
材料员岗位职责范本
2015/04/11 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
使用scrapy实现增量式爬取方式
2022/06/21 Python