node命令行工具-创建默认格式的vue单文件

地球上的一切工具和机器,不过是人肢体知觉的发展而已。——爱迪生

背景:平常在编写vue单文件时总是拷贝一个单文件,然后修改成自己想要的格式,次数做多了未免有点繁琐。于是觉得不如写个node命令行工具,自动生成默认格式的单文件。

一、准备工作

  • node环境
  • npm账号:用于将命令行工具存放在npm库
  • 熟悉commander.js核心工具

二、实现思路
基于commander.js实现一个file-create主命令,vue子命令,最终实现通过file-create vue <MyVueName>的命令在当前目录创建vue单文件

三、代码目录结构
在这里插入图片描述
四、两个路径问题

  1. 读取模板的路径:path.resolve(__dirname,'../templates/vue-template.vue')
  2. 生成文件的路径:fs.writeFileSync(process.cwd()+/${fileName}.vue, result)

五、package包说明

  • commander:用于创建命令
  • chalk:用于控制命令行输出文本的样式
  • handlebars:模板引擎,用于按指定模板格式生成新文件
  • download-git-repo:脚手架的模板库下载,本文未使用
  • inquirer:命令行交互工具

六、代码地址GitHub

七、发布到npm库(先有npm账号)

npm login
npm publish
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读