动手打造一款脚手架工具之前都是cv部分代码结构，然后再手动改配置，这样不仅浪费时间，而且很有可能因为一个小地方没修改导致线下/线上不能运行。

　　作为一名前端开发，大家肯定都使用过vue-cli或者其他的脚手架，回忆一下我们创建vue项目的流程：

　　毫无疑问，通过脚手架创建项目，解放了我们的双手和大脑，不需要考虑如何配置webpack和安装哪些依赖，键盘啪啪啪几下，一个可以运行的项目就出来了。 由此可知：

　　可见，只要把这四个模块的功能实现，那我们的脚手架就做好了。下面我以ev-cli为例，一步步打造一款符合需求的脚手架。 我们最终的项目结构如下：

　　现在我们的指令还不是全局指令，需要执行npm link，将 ev-cli 这个 npm 包添加到全局。

　　这里就比较好理解了，我们拿到一些基本信息后就可以执行git clone拉取对应的代码，值得注意的一点是：比如vue或react不同的模板我选择放在远程仓库的不同分支，这样刚才交互选择的框架类型framework就可以作为分支名传入cloneGitRepo方法。

　　比如当我们拉取代码的时候通常需要等待一会儿，会有一个loading的状态，这里最好是可以给用户看到loading的标识，以及拉取代码成功后的成功标识，交互会更加友好。

　　有了封装的这个fnLoadingByOra函数后，我们还可以再封装一层哈。 在create.ts下加上：

　　从早期的SSR服务端渲染开始，模板替换已经屡见不鲜了，我们要做的就是把之前配置过的信息，渲染到对应的位置。

　　好啦，到这里我们就已经实现这个脚手架咯，下一步tsc编译ts后，在命令行中执行就可以看到效果啦。

　　当然如果你想把脚手架投入生产，可以npm publish，发布成一个包，后面就可以下载使用完美体育官方app下载。