node如何编写前端工具链的

发布于 2021-12-27  220 次阅读


通过模拟,了解node是怎么编写前端的工具。

前言

::: note

在前端开发的日子里,使用前端的工具基本流程都是:

  1. 敲下工具的名字
  2. 回答一系列的问题
  3. 工具帮我们做了某些事情,比如说使用脚手架创建一个Vue工程

:::

今天我们就来模拟一下下吧。

使用到的工具

SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces. (github.com)

实现逻辑

  1. 利用工具获取与用户交互所拿到的答案
  2. 去做某些事情

实现代码

'use strict'
const inpuirer = require('inquirer')
const fs = require('fs')
/**
 * 命令行交互,根据用户的操作选择后续的操作
 * 
 */
inpuirer.prompt([
    {
        type:'input',
        name:'name',
        message:'Project name::'
    },
    {
        type:'confirm',
        name:'flag',
        message:'确定创建文件夹吗?'
    }
]).then(ans=>{
    const { name, flag } = ans
    if(!flag){
        return console.log(`用户主动取消创建${name}文件夹`)
    }
    !fs.existsSync(`./${name}`) && fs.mkdirSync(name)
})

效果

确认之前

image-20211027172931403

确认之后image-20211027173001452可以看到多了一个文件夹,如果输入n的话会怎么样呢image-20211027173056282就不会创建新的文件夹。

::: tip

模拟结束,感谢耐心阅读!!!

:::


见其广知其深