web前端|js教程
node,命令行,自己的
web前端-js教程
这篇文章主要介绍了使用node打造自己的命令行工具方法教学,现在分享给大家,也给大家做个参考。
乐多捕鱼源码,vscode设置背景为护眼,Ubuntu忘记sudo,tomcat类加载隔离,selenium怎么爬虫,lotus php,盐田区seo有哪些,域名访问不了织梦网站,织梦视频资讯网站模板lzw
A、实现一个简单的功能
discuz android 源码,vscode的f12无效,tata.ubuntu,tomcat怎么换端口,super rep爬虫,php网站内容管理系统,想要开淘宝店怎么提高seolzw
手机资源下载网站源码,vscode添加迷你器,ubuntu 终止指令,tomcat请求未找到,sqlite数据库最小资源,爬虫抢,php比java优势,福州seo页面优化推广,模板网站很牛,html5 微信网页模板lzw
B、环境
1.系统: window 10
2.编辑器: vscode
3.node版本: 8.7.0
C、开始玩
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 查看一下效果
正确打印出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])
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
利用H5特性FormData实现不刷新文件上传
基于h5 ajax实现手机定位
AJAX跨域请求之JSONP获取JSON数据