博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用node打造自己的命令行工具方法教程
阅读量:6104 次
发布时间:2019-06-21

本文共 1167 字,大约阅读时间需要 3 分钟。

这篇文章主要介绍了使用node打造自己的命令行工具方法教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一、实现一个简单的功能

图片描述

image

二、环境

1.系统: window 10

2.编辑器: vscode
3.node版本: 8.7.0

三、开始玩

1.打开命令行,新建一个pa'ckage.json

npm init

这时看到一个新的package.json生成了,使用编辑器打开

2.修改package.json,新增一个bin属性

`{``"name"``:` `"my-cli"``,``"version"``:` `"1.0.0"``,``"description"``:` `""``,``"main"``:` `"index.js"``,``"bin"``: {` `// 增加bin属性``"auto"``:` `"./bin/cli.js"``// 左边的crp是定义的命令行的名字,可以自己随便取, 右边是命令行输入 crp 时会执行的文件(一定要在bin文件夹下)``},``"scripts"``: {``},``"keywords"``: [],``"author"``:` `""``,``"license"``:` `"ISC"``}`

3.新建一个cli.js在当前的目录下, 简单修改

console.log('hello world')

4.然后转到命令行, 输入

npm link

5 查看一下效果

图片描述

image

正确打印出hello world就是成功了

6.实现预览的效果

原理就是执行cli.js的时候,会读取自己设定好的模板,然后在当前的目录下生成一个文件,

写入模板的内容,简单的代码如下

`#! /usr/bin/env node``const fs = require(``'fs'``)``const exec = require(``'child_process'``).exec``var` `args = process.argv.slice(2)` `// 可以通过process.argv这里获得你输入的参数``//读取内容(在当前的目录下新建template文件夹和加入一个template.vue的模板)``var` `content = fs.readFileSync(``'./template/template.vue'``)``//生成内容``fs.writeFileSync(args[0], content)``// 使用vscode打开``exec(``'code '` `+ args[0])`

然后放开你的脑洞, 你就能组合出许多你自己喜欢的命令来享受你的工具了

以上就是本文的全部内容,希望对大家的学习有所帮助.

转载地址:http://oxaza.baihongyu.com/

你可能感兴趣的文章
文件类似的推理 -- 超级本征值(super feature)
查看>>
【XCode7+iOS9】http网路连接请求、MKPinAnnotationView自定义图片和BitCode相关错误--备用...
查看>>
各大公司容器云的技术栈对比
查看>>
记一次eclipse无法启动的排查过程
查看>>
【转】jmeter 进行java request测试
查看>>
读书笔记--MapReduce 适用场景 及 常见应用
查看>>
SignalR在Xamarin Android中的使用
查看>>
走过电竞之路的程序员
查看>>
Eclipse和MyEclipse使用技巧--Eclipse中使用Git-让版本管理更简单
查看>>
[转]响应式表格jQuery插件 – Responsive tables
查看>>
8个3D视觉效果的HTML5动画欣赏
查看>>
C#如何在DataGridViewCell中自定义脚本编辑器
查看>>
【linux】crontab定时命令
查看>>
Android UI优化——include、merge 、ViewStub
查看>>
Office WORD如何取消开始工作右侧栏
查看>>
Android Jni调用浅述
查看>>
CodeCombat森林关卡Python代码
查看>>
第一个应用程序HelloWorld
查看>>
(二)Spring Boot 起步入门(翻译自Spring Boot官方教程文档)1.5.9.RELEASE
查看>>
Android Annotation扫盲笔记
查看>>