如何通过Node.js开发一个高效的脚手架工具？

本文共计5239个文字，预计阅读时间需要21分钟。

前言：我们团队的前端项目是基于一套内部的后台框架进行开发的。这套框架基于vue和ElementUI进行了定制化封装，并加入了一些我们团队自主设计的模块，可以进一步简化后台页面的开发。

前言

我们团队的前端项目是基于一套内部的后台框架进行开发的，这套框架是基于vue和ElementUI进行了一些定制化包装，并加入了一些自己团队设计的模块，可以进一步简化后台页面的开发工作。

这套框架拆分为基础组件模块，用户权限模块，数据图表模块三个模块，后台业务层的开发至少要基于基础组件模块，可以根据具体需要加入用户权限模块或者数据图表模块。尽管vue提供了一些脚手架工具vue-cli，但由于我们的项目是基于多页面的配置进行开发和打包，与vue-cli生成的项目结构和配置有些不一样，所以创建项目的时候，仍然需要人工去修改很多地方，甚至为了方便，直接从之前的项目copy过来然后进行魔改。表面上看问题不大，但其实存在很多问题：

• 重复性工作，繁琐而且浪费时间
• copy过来的模板容易存在无关的代码
• 项目中有很多需要配置的地方，容易忽略一些配置点，进而埋坑
• 人工操作永远都有可能犯错，建新项目时，总要花时间去排错
• 内部框架也在不停的迭代，人工建项目往往不知道框架最新的版本号是多少，使用旧版本的框架可能会重新引入一些bug

针对以上问题，我开发了一个脚手架工具，可以根据交互动态生成项目结构，自动添加依赖和配置，并移除不需要的文件。

接下来整理一下我的整个开发经历。

基本思路

开始撸代码之前，先捋一捋思路。