前端脚手架开发指南

npm init -y

npm i chalk commander download-git-repo inquirer ora spinner -S

{
  ...,
  "bin": {
    "lzugis-cli": "index.js"
  }
}

#! /usr/bin/env node

let fs = require('fs')
const program = require('commander'); // 命令行工具
const download = require('download-git-repo'); // 远程下载
const ora = require('ora'); // loading
const inquirer = require('inquirer'); // 命令行交互
const chalk = require('chalk'); // 输出样式化
const pk = require('./package.json');

// 版本信息
program.version(pk.version, '-v, --version') // 版本信息
  .usage('<command> [options]'); // 使用信息

/**
 * 删除文件夹下所有问价及将文件夹下所有文件清空
 * @param {*} path
 */
function emptyDir(path) {
  const files = fs.readdirSync(path);
  files.forEach(file => {
    const filePath = `${path}/${file}`;
    const stats = fs.statSync(filePath);
    if (stats.isDirectory()) {
      emptyDir(filePath);
    } else {
      fs.unlinkSync(filePath);
    }
  });
}
/**
 * 删除指定路径下的所有空文件夹
 * @param {*} path
 */
function rmEmptyDir(path, level=0) {
  const files = fs.readdirSync(path);
  if (files.length > 0) {
    let tempFile = 0;
    files.forEach(file => {
      tempFile++;
      rmEmptyDir(`${path}/${file}`, 1);
    });
    if (tempFile === files.length && level !== 0) {
      fs.rmdirSync(path);
    }
  }
  else {
    level !==0 && fs.rmdirSync(path);
  }
}

/**
 * 清空指定路径下的所有文件及文件夹
 * @param {*} path
 */
function clearDir(path) {
  const isExist = fs.existsSync(path)
  if(isExist) {
    console.log('')
    const spinner = ora('删除目录');
    spinner.start()
    spinner.text = `目录${path}已存在，删除中`;
    spinner.spinner = {
      interval: 120, // Optional
      frames: ['.  ', '.. ', '...', '.. ']
    }
    emptyDir(path);
    rmEmptyDir(path);
    spinner.succeed()
    spinner.color = 'green'
    console.log(' ')
  }
}

/**
 * 下载模板
 */
function downloadTemplate(projectName) {
  const branch = pk.template.branch
  const gitUrl = `direct:${pk.template.url}#feature/${branch}`
  const spinner = ora('初始化项目');
  spinner.start()
  spinner.text = `项目${projectName}初始化中`;
  spinner.spinner = {
    interval: 120, // Optional
    frames: ['.  ', '.. ', '...', '.. ']
  }
  download(gitUrl, projectName, { clone: true }, async function (err) {
    if(err) {
      console.log(' ')
      spinner.fail('项目初始化失败，请联系【01416068】添加权限。')
      // downloadTemplate(projectName)
    } else {
      spinner.succeed('项目初始化成功！请参考如下命令安装依赖后再运行：')
      const scripts = `cd ./${projectName} && npm install`
      console.log('  ' + chalk.blue(`${scripts}`))
      console.log('  ' + chalk.blue('npm run dev'))
    }
  })
}

program.command('create')
  .description('初始化项目')
  .action(() => {
    inquirer.prompt([
      {
        type: 'input',
        message: '请输入项目名称:',
        name: 'projectName',
        default: pk.template.name // 默认值
      }
    ]).then(res => {
      console.log(' ')
      console.log('即将创建工程' + chalk.blue(res.projectName))
      console.log(' ')
      // 判断路径是否存在，存在则先删除
      clearDir(`./${res.projectName}`)
      // 下载模板代码
      downloadTemplate(res.projectName)
    })
  });

program.parse(process.argv);

{
  ...,
  "template": {
    "name": "lzugis-project-template",
    "url": "https://gitee.com/lzugis15/lzugis-project-template.git",
    "branch": "template"
  }
}

{
  ...,
  "publishConfig": {
    "registry": "https://www.npmjs.com/"
  }
}