CLI命令行脚手架工具从零开发

前端

2023-12-03 12:23:11

前言

脚手架工具是一个非常有用的工具，它可以帮助我们快速搭建一个新的项目。脚手架工具可以包含各种各样的功能，比如创建项目目录、安装依赖包、初始化项目配置等。

搭建环境

安装Node.js

首先，我们需要安装Node.js。Node.js是一个JavaScript运行时环境，它允许我们在计算机上运行JavaScript代码。您可以从Node.js官网下载Node.js安装包，并按照安装说明进行安装。

安装Yarn

接下来，我们需要安装Yarn。Yarn是一个包管理器，它可以帮助我们管理项目中的依赖包。您可以从Yarn官网下载Yarn安装包，并按照安装说明进行安装。

创建脚手架项目

现在，我们可以创建一个脚手架项目。首先，创建一个新的目录，然后在该目录中打开终端窗口。在终端窗口中，运行以下命令：

yarn init -y

这将创建一个新的package.json文件，并初始化一个新的Yarn项目。

接下来，我们需要安装一些必要的依赖包。在终端窗口中，运行以下命令：

yarn add inquirer

这将安装Inquirer.js库。Inquirer.js库可以帮助我们创建交互式命令行界面（CLI）。

编写脚手架脚本

现在，我们可以编写脚手架脚本了。在项目目录中，创建一个名为index.js的文件。在index.js文件中，添加以下代码：

const inquirer = require('inquirer');

inquirer
  .prompt([
    {
      type: 'input',
      name: 'projectName',
      message: 'What is the name of your project?',
    },
    {
      type: 'list',
      name: 'framework',
      message: 'Which framework do you want to use?',
      choices: ['React', 'Vue', 'Angular'],
    },
  ])
  .then((answers) => {
    console.log(answers);
  });