从零手写pm-cli脚手架，统一阿里拍卖源码架构

最新推荐文章于 2023-01-03 16:54:35 发布

isNealyang

最新推荐文章于 2023-01-03 16:54:35 发布

阅读量1.5k

点赞数 2

本文链接：https://blog.csdn.net/qq_29438877/article/details/107241121

版权

本文介绍了如何从零开始编写pm-cli脚手架，旨在统一阿里巴巴拍卖项目的源码架构。通过这个工具，可以简化项目初始化、添加页面和模块等操作，提高开发效率。文章详细讲解了各个命令的实现，包括校验、下载模板、文件复制等，并探讨了在开发CLI时需要注意的边界情况和异常处理。

摘要由CSDN通过智能技术生成

前言

❝
原文地址：https://github.com/Nealyang/PersonalBlog
❞

脚手架其实是大多数前端都不陌生的东西，基于前面写过的两篇文章：

大概呢，就是介绍下，目前我的几个项目页面的代码组织形式。

用了几个项目后，发现也挺顺手，遂想着要不搞个 cli 工具，统一下源码的目录结构吧。

这样不仅可以减少一个机械的工作同时也能够统一源码架构。同学间维护项目的陌生感也会有所降低。的确是有一部分提效的不是。虽然我们大多数页面都走的大黄蜂搭建????。。。

功能

❝
cli 工具其实就一些基本的命令运行、CV 大法，没有什么技术深度。
❞

bin

效果

bin

工程目录

代码实现

bin/index.js

#!/usr/bin/env node

'use strict';

const currentNodeVersion = process.versions.node;
const semver = currentNodeVersion.split('.');
const major = semver[0];

if (major < 10) {
  console.error(
    'You are running Node ' +
      currentNodeVersion +
      '.\n' +
      'pmCli requires Node 10 or higher. \n' +
      'Please update your version of Node.'
  );
  process.exit(1);
}

require('../packages/initialization')();

这里是入口文件，比较简单，就是配置个入口，顺便校验 node 的版本号

initialization.js

这个文件主要是配置一些命令，其实也比较简单，大家从 commander里面查看自己需要的配置，然后配置出来就可以了

就是根据自己需求去配置这里就不赘述了，除了以上，就以下两点实现：

功能入口

 // 创建工程
  program
    .usage("[command]")
    .command("init")
    .option("-f,--force", "overwrite current directory")
    .description("initialize your project")
    .action(initProject);

  // 新增页面
  program
    .command("add-page <page-name>")
    .description("add new page")
    .action(addPage);

  // 新增模块
  program
    .command("add-mod [mod-name]")
    .description("add new mod")
    .action(addMod);

  // 添加/修改 .pmConfig.json
  program
    .command("modify-config")
    .description("modify/add config file (.pmCli.config)")
    .action(modifyCon);

  program.parse(process.argv);