利用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 相关文章推荐
filemanage功能中用到的common.js
Apr 08 Javascript
JavaScript几种形式的树结构菜单
May 10 Javascript
js 实现菜单上下显示附效果图
Nov 21 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
May 16 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
img的onload的另类用法
2008/01/10 Javascript
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
jquery实现盒子下拉效果示例代码
2013/09/12 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
Python2中的raw_input() 与 input()
2015/06/12 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
python中int与str互转方法
2018/07/02 Python
python 剪切移动文件的实现代码
2018/08/02 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
Python3 SSH远程连接服务器的方法示例
2018/12/29 Python
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
《充气雨衣》教学反思
2014/04/07 职场文书
法定授权委托证明书
2014/09/27 职场文书
职称评定个人总结
2015/03/05 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS