步骤 1：选择包管理器

2023-12-07 17:37:40

手把手实现脚手架：用最少的代码成就大事

前言

脚手架作为项目开发的基石，在现代前端开发中扮演着愈发重要的角色。它为我们提供了一套标准化的项目构建流程，简化了项目初始化和开发流程。本文将手把手地教你如何使用最少的代码实现一个脚手架，让你轻而易举地踏上开发之路。

首先，我们需要选择一个包管理器。目前主流的包管理器有 npm 和 yarn 。这里我们选择 npm 。

为了安装额外的依赖包，我们需要添加 npm 源。在终端中输入以下命令：

npm config set registry https://registry.npmjs.org/

使用 npm init 命令创建新的 npm 项目：

npm init -y

这将生成一个基本的 package.json 文件。

接下来，我们需要解析用户的命令。在这里，我们将使用 minimist 库。安装它：

npm install minimist --save-dev

然后，在你的代码中使用它：

const minimist = require('minimist');
const args = minimist(process.argv.slice(2));

现在，我们需要弹出交互语句，让用户选择要创建的项目类型。这里我们将使用 inquirer 库。安装它：

npm install inquirer --save-dev

然后，使用它来弹出交互语句：

const inquirer = require('inquirer');
const questions = [
  {
    type: 'list',
    name: 'type',
    message: '请选择项目类型',
    choices: ['React', 'Vue', 'Angular'],
  },
];
const answers = await inquirer.prompt(questions);

根据用户的选择，创建 package.json 文件：

const fs = require('fs');
const data = {
  name: answers.type,
  version: '1.0.0',
  scripts: {
    start: 'npm start',
    build: 'npm run build',
    test: 'npm run test',
  },
  dependencies: {
    // 根据用户选择添加依赖包
  },
};
fs.writeFileSync('package.json', JSON.stringify(data, null, 2));