javascript - 类似vue-cli，express-generator之类的脚手架工具是怎么做出来的？

问题描述

问 题

在使用vue-cli和express-generator的时候，非常好奇它们到底是如何制作并运行的。google了好久都是一堆基于yo、bower和grunt的方案，但显然vue-cli之类的并非采用这套方案。
所以产生了下面几个问题，希望能够得到各位的解答：

1. 假设我的脚手架工具名为my-cli，在终端输入my-cli以后会自动为我生成文件目录，应该掌握什么知识？

2. 如何把my-cli变成一个可以全局安装的包，并且能够在终端直接输入my-cli就生效呢？

问题可能有点小白，但真的是我非常想知道的东西，还请赐教，谢谢！

解决方案

1.

想一想你在执行 vue init webpack my-project 时，界面显示了什么东西。好像是先显示下载进度，然后输入一些 package.json 中的项目属性吧。那么他的实现就呼之欲出了，就是下载远程仓库的模版项目，然后替换模版项目中的一些字段。
在 vue-webpack-tempate 中可以看到 README 和 package.json 中的模版占位符。

2.

npm 就是干这个的啊。

package.json

{
  "name": "my-cli",
  "bin": {
    "mycli": "index.js"
  }
}

index.js

console.log('my-cli start!')

执行 npm link 后，你将得到一个全局的 mycli 命令。

• Node.js 命令行程序开发教程

这篇关于javascript - 类似vue-cli，express-generator之类的脚手架工具是怎么做出来的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！