// generateView.js 文件,放置生成页面组件的代码 const chalk = require("chalk"); const path = require("path"); const fs = require("fs"); const resolve = (...file) => path.resolve(__dirname, ...file); const log = message => console.log(chalk.green(`${message}`)); const successLog = message => console.log(chalk.blue(`${message}`)); const errorLog = error => console.log(chalk.red(`${error}`)); const { vueTemplate } = require("./template"); const generateFile = (path, data) => { if (fs.existsSync(path)) { errorLog(`${path}文件已存在`); return; } return new Promise((resolve, reject) => { fs.writeFile(path, data, "utf8", err => { if (err) { errorLog(err.message); reject(err); } else { resolve(true); } }); }); }; log("请输入要生成的页面组件名称、会生成在 views/目录下"); let componentName = ""; process.stdin.on("data", async chunk => { const inputName = String(chunk) .trim() .toString(); /** * Vue页面组件路径 */ let componentVueName = resolve("../src/views", inputName); // 如果不是以 .vue 结尾的话,自动加上 if (!componentVueName.endsWith(".vue")) { componentVueName += ".vue"; } /** * vue组件目录路径 */ const componentDirectory = path.dirname(componentVueName); const hasComponentExists = fs.existsSync(componentVueName); if (hasComponentExists) { errorLog(`${inputName}页面组件已存在,请重新输入`); return; } else { log(`正在生成 component 目录 ${componentDirectory}`); await dotExistDirectoryCreate(componentDirectory); } try { if (inputName.includes("/")) { const inputArr = inputName.split("/"); componentName = inputArr[inputArr.length - 1]; } else { componentName = inputName; } log(`正在生成 vue 文件 ${componentVueName}`); await generateFile(componentVueName, vueTemplate(componentName)); successLog("生成成功"); } catch (e) { errorLog(e.message); } process.stdin.emit("end"); }); process.stdin.on("end", () => { log("exit"); process.exit(); }); function dotExistDirectoryCreate(directory) { return new Promise(resolve => { mkdirs(directory, function() { resolve(true); }); }); } // 递归创建目录 function mkdirs(directory, callback) { var exists = fs.existsSync(directory); if (exists) { callback(); } else { mkdirs(path.dirname(directory), function() { fs.mkdirSync(directory); callback(); }); } }