在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情。众所周知 vue-cli , create-react-app, angular-cli 提供了相当丰富的选项和设定功能，但是其本质也是从远程仓库把不同的模版拉取到本地。
脚手架思路首先建立不同的模板项目，然后脚手架根据用户的指令引用模板项目初始化生成实际项目。
在熟悉了使用方法以后就开始琢磨起它们的原理，脚手架实现方式有多种，如：vue-cli 使用的 Inquirer.js ； 还有 yeoman 。
node.js：整个脚手架工具的根本组成部分，推荐使用最新的版本。
commander：完整的 node.js 命令行解决方案。
download-git-repo：从节点下载并提取一个 git 存储库（GitHub，GitLab，Bitbucket）。
Inquirer.js：常见的交互式命令行用户界面的集合。
着手开发之前得先弄明白整体架构，看图：
首先明白模版的概念。一个模版就是一个项目的样板，包含项目的完整结构和信息。
通过选择不同的模版，my-cli 会自动从远程仓库把相应的模板拉取到本地，完成项目的搭建。
最终整个脚手架的文件结构如下：
请到 Github 查看源码，欢迎star，谢谢！
list|l查看列表命令
add|a添加模版命令
init|i生成项目命令delete|d删除模版命令
首先建立项目，在package.json里面写入依赖并执行npm install：
"dependencies": {
"chalk": "^2.4.2",
"cli-table": "^0.3.1",
"commander": "^2.20.0",
"download-git-repo": "^2.0.0",
"inquirer": "^6.5.0",
"ncp": "^2.0.0",
"nedb": "^1.8.0",
"ora": "^3.4.0"
}在根目录下建立\bin文件夹，在里面建立一个无后缀名的tr文件。这个bin\tr文件是整个脚手架的入口文件，所以我们首先对它进行编写。
首先是一些初始化的代码：
注意：
// 这行代码不能错，不能少！
#!/usr/bin/env node如果你在开发npm包的时候，将包link到你的项目之后，运行包发现报错了，可能就是缺少了这句。
/usr/bin/env 就是告诉系统可以在PATH目录中查找。 配置 #!/usr/bin/env node , 就是解决了不同的用户node路径不同的问题，可以让系统动态的去查找node来执行你的脚本文件。
从上面的架构图中可以知道，脚手架支持用户输入 4 种不同的命令。现在我们来写处理这 4 种命令的方法：
commander的具体使用方法可以直接到官网去看详细的文档。
最后别忘了处理参数和提供帮助信息：
Tip：使用 download-git-repo 下载仓库代码 demo
const download = require("download-git-repo");
const path = require("path");
const dir = path.join(process.cwd(), "test");
download("direct:http://xxxx", dir, function (err) {
console.log(err ? "Error" : "Success", err);
});核心功能：正是从远程仓库克隆到自定义目录。
为了可以全局使用，我们需要在package.json里面设置一下：
"bin": {
"my-cli": "bin/tr"
},本地调试的时候，在根目录下执行
npm link
即可把my-cli命令绑定到全局，以后就可以直接以my-cli作为命令开头。
整个脚手架工具已经搭建完成后，以后只需要知道模板的 git https 地址和 branch 就可以不断地往 my-cli 上面添加。
发布 npm 包流程可以去官网了解
// 登录npm私服
npm login --registry=http://xxx
// 账号：xxx
// 密码：******
// 发包命令
npm publish --registry=http://xxx- 看起来并不复杂的东西，实际开始搭建也是颇费了一番心思。
- 最大的难题是在开始的时候并不懂得如何像
npm init那样可以一步一步地处理用户输入，只懂得一条命令行把所有的参数都带上，这样的用户体验真的很不好。 - 研究了
vue-cli的实现，使用上Inquirer.js得以解决。 - 这个脚手架只具备最基本的功能。
如有必要，可持续添加一些辅助功能，如：
- 选择包管理器
npm源ESlint是否启用- ...