wl-cli/src/init.js

vue wlui wl-cli vue项目最佳工程目录结构脚手架

import { downloadLocal } from './utils/get';
import ora from 'ora';
import inquirer from 'inquirer';
import fs from 'fs';
import chalk from 'chalk';
import symbol from 'log-symbols';
import { promisify } from "util";

const exist = promisify(fs.stat);

// 命令行交互配置项
const question = [
  {
    type: 'input',
    name: 'author',
    message: 'Please enter the author name: '
  },
  {
    type: 'input',
    name: 'description',
    message: 'Please enter the project description: '
  },
  {
    type: 'list',
    name: 'type',
    message: 'Please enter the project type：',
    choices: [
      "web",
      "mfe-subapp",
      "mfe-master",
      "simple-template",
    ]
  },
  {
    type: 'input',
    name: 'port',
    message: 'Please enter the project port: ',
    default: 8080,
    validate: function (val) {
      if (val.match(/\d{2,6}/g)) { // 校验位数
        return true;
      }
      return "请输入2-6位数字";
    }
  },
]

// 创建命令
let init = async (projectName) => {
  if (!projectName) {
    console.log(chalk.redBright.bold("请输入项目名称"));
    return;
  }
  //项目不存在
  try {
    const projectExist = await exist(projectName);
    if (projectExist) {
      console.log(symbol.error, chalk.red('The project already exists! 该项目已存在！'));
    }
  } catch (error) {
    //命令行交互
    inquirer.prompt(question).then(async (answer) => {
      //下载模板 选择模板
      //通过配置文件，获取模板信息
      let loading = ora('The project is in the process of initialization, please take a moment to wait for a long time ... 项目正在初始化中，耗时较久请稍事等待...');
      loading.start();
      loading.color = "yellow";
      const projectType = answer.type;
      downloadLocal(projectName, projectType).then(() => {
        loading.succeed();
        // 写入package.json
        const isNotMfeMaster = projectType !== 'mfe-master';
        const packageJson = isNotMfeMaster ? `${projectName}/package.json` : `${projectName}/master/package.json`;
        if (fs.existsSync(packageJson)) {
          const data = fs.readFileSync(packageJson).toString();
          let json = JSON.parse(data);
          json.name = projectName; // 项目名
          json.author = answer.author; // 作者
          json.description = answer.description; // 描述信息
          json.port = answer.port; // 端口号 默认8080
          //修改项目文件夹中 package.json 文件
          fs.writeFileSync(packageJson, JSON.stringify(json, null, '\t'), 'utf-8');
          console.log(symbol.success, chalk.green('Project initialization finished! 项目初始化完成！依次运行以下命令：'));
          console.log(symbol.success, chalk.green('cd ' + projectName));
          console.log(symbol.success, chalk.green(isNotMfeMaster ? 'npm install' : 'npm run cinit'));
          console.log(symbol.success, chalk.green('npm run serve'));
        }
      }, () => {
        loading.fail();
      });
    });
  }
}
module.exports = init;