node如何编写前端工具链

简介: node如何编写前端工具链

通过模拟,了解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)
})

效果

确认之前

确认之后

  • 可以看到多了一个文件夹,
    如果输入n的话会怎么样呢
    就不会创建新的文件夹。

::: tip

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

相关文章
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
39 0
|
1月前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念
|
1月前
|
Web App开发 JavaScript 前端开发
前端Node.js面试题
前端Node.js面试题
|
1月前
|
Web App开发 JavaScript 前端开发
对于 前端 解释下 node.js的必要性
对于 前端 解释下 node.js的必要性
27 0
|
2月前
|
JSON 前端开发 JavaScript
socket.io即时通信前端配合Node案例
本文介绍了如何使用socket.io库在Node.js环境下实现一个简单的即时通信前端配合案例,包括了服务端和客户端的代码实现,以及如何通过socket.io进行事件的发送和监听来实现实时通信。
39 2
|
2月前
|
存储 JSON 前端开发
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
本文介绍了在Node.js中使用token实现前端验证码和登录功能的详细流程,包括生成验证码、账号密码验证以及token验证和过期处理。
49 0
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
|
2月前
|
前端开发 JavaScript
node接收前端上传的图片,单文件、多文件同name、多文件不同name
本文介绍了在Node.js中使用multer模块接收前端上传的图片,包括单文件上传、多文件上传(同name和不同name)以及任意类型文件上传的方法。
61 0
|
3月前
|
JavaScript 前端开发 关系型数据库
前端node学习路线
【8月更文挑战第21天】前端node学习路线
41 8
|
3月前
|
JSON JavaScript 前端开发
JS的无限可能: 前端 精妙DOM技巧至Node.js的服务端
JS的无限可能: 前端 精妙DOM技巧至Node.js的服务端
|
3月前
|
数据采集 资源调度 JavaScript
Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
【8月更文挑战第4天】Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
58 5