学习搭建一个自己的 vue 脚手架 清空终端控制台 一

115 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第25天,点击查看活动详情

十三、清空终端控制台 一

引言

这里开始新的学习系列,动手搭建一个属于自己的 vue 脚手架

主要以 vue 官方的 vue cli 作为参考和学习

方便自己在后续创建 vue 项目时,不必总是复制粘贴

清空控制台

上几节,我们处理了 在 Commandscreate 命令当中,判断我们所输入的 项目目录 是否存在

这一节,我们来处理 如何 清空终端控制台 的信息

为什么突然要弄这个?

我们在控制台输入 vue create demo 创建项目的命令后,可以注意和观察到,它会进行一次 控制台信息 的清空操作,之后显示自己的信息内容,如下图

image.png

那么这个清空信息的操作是如何实现的呢?

如果说平时在终端输入,那我们肯定 clear 一下,就可以了,但是对于程序,就需要我们另想办法,下面讲解如何处理

处理

环境

首先 node 中的 process 有个方法,能够判断当前所在的环境,是否处于 TTY 环境当中,当然这也就是我们常说的 终端 环境 当中。方法如下

process.stdout.isTTY

判断在 终端 环境 后,我们接下来清除空格

行数

获取当前终端有多少行

  • 我们这里先手动算一下

    image.png

    可以看到有 28

当然我们肯定不能手动算,这里 node 也提供了相关方法

process.stdout.rows

它能够判断当前 终端 所具有的行数,当尺寸改变时,会重新计算更新

image.png

可以看到打印结果与我们算的结果一样

总结

我们这里知道了 node 中两个重要的方法

  • 知道了 如何判断 TTY 环境

  • 以及知道当前 TTY 有多少可见行数