靓仔快来！！用typescript带你搭建一个自己的脚手架

import { cyan, bgYellow } from 'chalk';

console.log('这是正常的文字...');
console.log(cyan('这是用了cyan的文字...'));
console.log(bgYellow('这是用了bgYellow的文字...'));
复制代码

import { program } from 'commander';

program
  .command('show <message>')
  .description('展示你输入的消息')
  .option('-t, --tip <tips>', '消息提示', '默认值')
  .action((message, cmd) => {
    console.log(message, cmd);
  });
复制代码

import { green } from 'chalk';
import { prompt } from 'inquirer';

const choseQuestion = async () => {
  const { question } = await prompt([
    {
      name: 'question',
      type: 'list',
      message: '请选择您的问题',
      choices: ['如何上热搜', '如何财富自由', '我要回家躺平'],
    },
  ]);
  console.log(`您选的问题是：${green(question)}`);
};

choseQuestion().then();
复制代码

import ora from 'ora';

export const loadingDemo = async <T>(message: T): Promise<T> => {
  const spinner = ora(message);
  spinner.start(); // 开启加载
  try {
    const result: T = await new Promise(resolve => {
      setTimeout(() => {
        resolve(message);
      }, 1000);
    });
    spinner.succeed();
    return Promise.resolve(result);
  } catch (err: any) {
    spinner.fail(err);
    return Promise.reject(err);
  }
};

loadingDemo<string>('我要loading 1秒').then(res => console.log(res));
复制代码

.
├── .eslintrc.js          # eslint配置
├── bin                   # tsc转换后的js源码
├── config                # 环境配置
├── .gitignore
├── .prettierrc           # prettier配置
├── README.md
├── package-lock.json     # 依赖锁
├── package.json          # 项目配置
├── src
│   ├── tools             # 工具包源码
│   │   ├── cliCreator    # 脚手架创建
│   │   ├── cliUpdater    # 脚手架更新「待建」
│   │   └── proxy         # 开发服务代理小工具「待建」
│   └── utils             # 基础方法
└── tsconfig.json         # ts配置
复制代码

mkdir hello
cd hello
npm init -y
touch helloWorld.js
echo '#!/usr/bin/env node \n console.log("hello world")' > helloWorld.js
复制代码

{
  "name": "hello",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "bin": {
    "hello": "./helloWorld.js"
  },
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
复制代码

#!/usr/bin/env node

import { cyan } from 'chalk';
import { program } from 'commander';
import figlet from 'figlet';
import { create } from '../lib';
import pkg from '@root/package.json';

program
  .command('create <project-name>')
  .description('创建项目')
  .option('-f, --force', '是否强制覆盖')
  .action((projectName, cmd) => {
    create(projectName, cmd).then();
  });

program.on('--help', () => {
  console.log(
    cyan(
      figlet.textSync('dc', {
        font: '3D-ASCII',
        horizontalLayout: 'default',
        verticalLayout: 'default',
        width: 80,
        whitespaceBreak: true,
      }),
    ),
  );
});

program.name('dc').usage(`<command> [option]`).version(`dc ${pkg.version}`);
program.parse(process.argv);
复制代码

import path from 'path';
import fse from 'fs-extra';
import { clearDirectory } from './filesHandler';
import { mainLine } from './creator';
import { red } from 'chalk';

export const create = async (projectName: string, options: Record<string, unknown>) => {
  try {
    // 获取当前工作目录
    const targetDirectory = path.resolve(process.cwd(), projectName);
    let result = '';

    // 检查是否有文件覆盖
    if (fse.existsSync(targetDirectory)) {
      result = await clearDirectory(targetDirectory, options);
    }

    if (result === 'Cancel') return;

    // 创建项目总线
    await mainLine(projectName);
  } catch (err) {
    console.log(red('❌ Error: ' + err));
  }
};
复制代码

import { prompt } from 'inquirer';
import shell from 'shelljs';
import fse from 'fs-extra';
import fs from 'fs';
import { cyan, red, green } from 'chalk';
import { loading } from '@root/src/utils/global';
import { template, TTemplate } from '../constants/repo';

type TInfo = {
  repo: string;
  name: string;
  version: string;
  author: string;
  description: string;
};

/**
 * 创建项目主线程
 */
export const mainLine = async (projectName: string) => {
  try {
    const info: TInfo = {
      repo: '',
      name: projectName,
      version: '',
      author: '',
      description: '',
    };

    // 仓库信息 —— 模板信息
    info.repo = await getRepoInfo();

    // 标签信息 —— 版本信息
    info.version = await getTagInfo(info.repo);

    // 作者
    info.author = await getAuthor();

    // 描述
    info.description = await getDescription();

    // 下载模板
    await loading(`下载模板 ${info.repo}`, download, info);

    console.log(green(`成功创建 ${cyan(info.name)}`));
  } catch (err) {
    console.log(red('❌ Error: ' + err));
  }
};

/**
 * 选取模板
 */
const getRepoInfo = async () => {
    // ...
};

/**
 * 选取版本
 * @param repo
 */
const getTagInfo = async (repo: string): Promise<string> => {
    // ...
};

/**
 * 输入作者
 */
const getAuthor = async () => {
    // ...
};

/**
 * 输入项目描述
 */
const getDescription = async () => {
    // ...
};

/**
 * 获取模板版本
 * @param repo
 */
const getTagInfoList = (repo: string): Promise<string[]> => {
    // ...
};

/**
 * 下载模板
 * @param info
 */
const download = async (info: TInfo) => {
    // ...
};
复制代码

import { loading } from '@root/src/utils/global';
复制代码