利用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动画效果代码3
Apr 03 Javascript
在JavaScript中监听IME键盘输入事件
May 29 Javascript
ScrollDown的基本操作示例
Jun 09 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
深入理解Node内建模块和对象
Mar 12 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
无线电波是什么?它是怎样传输的?
2021/03/01 无线电
用PHP发电子邮件
2006/10/09 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
2016/05/11 Javascript
ES6生成器用法实例分析
2017/04/10 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
mpvue跳转页面及注意事项
2018/08/03 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
python获取从命令行输入数字的方法
2015/04/29 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
华硕新加坡官方网上商店:ASUS Singapore
2020/07/09 全球购物
销售演讲稿范文
2014/01/08 职场文书
优秀护士获奖感言
2014/02/20 职场文书
满月酒主持词
2014/03/27 职场文书
综合办公室主任岗位职责
2014/04/13 职场文书
三年级评语大全
2014/04/23 职场文书
司法所长先进事迹
2014/06/02 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
delete in子查询不走索引问题分析
2022/07/07 MySQL