在现代前端开发中，脚手架（CLI 工具）已经成为不可或缺的开发工具。无论是 Vue CLI、Create React App 还是 Angular CLI，它们都能帮助我们快速搭建项目结构、统一团队规范、提高开发效率。

本文将带你从零开始实现一个功能完整的 Node.js 脚手架，涵盖命令行解析、用户交互、模板下载、文件操作等核心功能。通过本文，你将学会如何开发一个类似 Vue CLI 的命令行工具，并能将其发布到 npm 供他人使用。

让我们开始吧！

利用在线网站解析分析

在线解析mp4：https://www.onlinemp4parser.com/

web想禁止调试，没有绝对安全的方式

妙用1 debugger

示例

用setInterval执行debugger，打开控制台就会暂停代码

1
2
3
4
5
6
7
8

(() => {
  function ban() {
    setInterval(() => { 
      debugger;
    }, 50);
  }
  ban();
})();

目的

水塘抽样的目标是从一个很大的或未知大小的数据集中随机选取k个样本。

特点：不要求一次性读取所有数据，也不需要知道数据总量，能保证每个元素被选中的概率相等

串行 or 并行

并行跑命令：&，在命令结尾加& wait，可以使用ctrl c关闭命令行来结束进程
串行跑命令：&&

控制日志输出

• –silent（-s）：输出尽可能少的日志
• –verbose：显示尽可能多的状态，日志级别的输出，用于调试

本文不会放api的用法，建议先看看是怎么用的

写本篇文章时间间隔较长，所以代码版本不一

项目架构

采用monorepo的形式，项目目录下有多个子项目，下面放了资料链接和几处用法，其他本文不多赘述。

现代前端工程为什么越来越离不开 Monorepo?
为什么使用pnpm可以光速建立好用的monorepo（比yarn/lerna效率高）
pnpm workspace文档

github: https://github.com/sindresorhus/p-limit

使用方式

1
2
3
4
5
6
7
8
9
10
11
12

import pLimit from 'p-limit';

const limit = pLimit(1); // 只能有一个promise在执行

const input = [
	limit(() => fetchSomething('foo')),
	limit(() => fetchSomething('bar')),
	limit(() => doSomething())
];

const result = await Promise.all(input);
console.log(result);

半年没写博客，从简单的源码开始启动

github地址：https://github.com/developit/mitt

200b大小的event bus库

本文不会放api的用法，建议先看看是怎么用的

项目架构

采用monorepo的形式，项目目录下有多个子项目，下面放了资料链接和几处用法，其他本文不多赘述。

现代前端工程为什么越来越离不开 Monorepo?
为什么使用pnpm可以光速建立好用的monorepo（比yarn/lerna效率高）
pnpm workspace文档