命令行一键生成vue项目相关模块文件_一键生成指令vue

作者：知新_RL | 2024-03-14 00:35:12

踩

一键生成指令vue

vue项目中(基于vue-cli脚手架)，新建模块时必然伴随新建vue文件夹、router文件、api文件，一阵复制粘贴噼里啪, low且繁琐。本章探讨基于node实现一键生成模块seed(模板)文件。

需求分析

我们的预期是执行node命令，生成以下文件
src > views > 模块文件夹 > index.vue + children文件夹 + commons文件夹
src > router > 模块文件

其中index.vue、router.js设置固定模板。

实现

配置文件，设置需要生成的文件夹名、路径以及所需要的模板。

// pathConfig/index.js
/**
 *  @param {*} fileName
 *  @param {*} filePath
 *  @param {*} fileTemplate
 */
const dirAndPath = {
  router: ['router', './view.js'],
  views: ['views', './view.js']
};

module.exports =  dirAndPath;

模板文件

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/231477?site