Node.js原生开发脚手架工具(下)

前言

在现代软件开发中,脚手架工具成为提高开发效率和一致性的关键利器。使用Node.js原生开发自己的脚手架工具不仅能帮助自动化常见任务,还能根据具体需求进行高度定制。Node.js的异步非阻塞特性和丰富的模块系统使其成为构建这种工具的理想选择。本篇文章将深入探讨如何利用Node.js的核心功能,逐步构建一个功能强大且灵活的脚手架工具,从基础知识到实际实现,帮助开发者提升工作效率和项目管理能力。补充上一章的Node.js原生开发脚手架及原理

一、命令行等待提示

1、代码提示信息

  1. 下载安装ora的包

由于ora在再6.0版本后是用的import引入,6.0版本前是用的require引入,所以需要安装6.0版本之前的包

bash 复制代码
npm i ora@5
  1. 新建test/ora.js
js 复制代码
const ora = require("ora");
const spinner = ora().start();
spinner.text = "loading......";
  1. 打开终端
bash 复制代码
cd test/
node ora.js
  1. 提示信息
js 复制代码
const ora = require("ora");
const spinner = ora().start();
spinner.text = "loading......";
setTimeout(() => {
  console.log("下载完成");
  spinner.succeed("succeed");
  spinner.fail("fail");
  spinner.info("info");
}, 2000);

2、下载提示信息交互

  1. 修改lib/core/download.js
js 复制代码
const download = require("download-git-repo");
const ora = require("ora");
const downloadFun = function (url, project) {
  const spinner = ora().start();
  spinner.text = "代码正在下载......";
  download("direct:" + url, project, { clone: true }, function (err) {
    if (!err) {
      spinner.succeed("代码下载成功");
    } else {
      spinner.fail("代码下载失败");
    }
  });
};
module.exports = downloadFun;
  1. 打开终端
bash 复制代码
bincli create test_03

二、命令行样式渲染

1、chalk包的使用

  1. 打开终端
bash 复制代码
npm i chalk@4
  1. 新建test/chalk.js
js 复制代码
const chalk = require("chalk");
console.log(chalk.blue("蓝色样式"));
  1. 终端运行
bash 复制代码
cd test/
node chalk.js

2、模块中引用chalk样式提示

  1. 修改lib/core/download.js
js 复制代码
const download = require("download-git-repo");
const ora = require("ora");
const chalk = require("chalk");
const downloadFun = function (url, project) {
  const spinner = ora().start();
  spinner.text = "代码正在下载......";
  download("direct:" + url, project, { clone: true }, function (err) {
    if (!err) {
      spinner.succeed("代码下载成功");
      console.log(chalk.blue("Done! you run:"));
      console.log(chalk.blue.bold("cd"), chalk.blue("+ project"));
      console.log(chalk.rgb(100, 100, 100)("npm install"));
      console.log("npm run dev");
      console.log("npm run build");
    } else {
      spinner.fail("代码下载失败");
    }
  });
};
module.exports = downloadFun;
相关推荐
向前看-18 分钟前
验证码机制
前端·后端
燃先生._.1 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖2 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
m0_748235242 小时前
前端实现获取后端返回的文件流并下载
前端·状态模式
m0_748240253 小时前
前端如何检测用户登录状态是否过期
前端
black^sugar3 小时前
纯前端实现更新检测
开发语言·前端·javascript
寻找沙漠的人4 小时前
前端知识补充—CSS
前端·css
GISer_Jing4 小时前
2025前端面试热门题目——计算机网络篇
前端·计算机网络·面试
m0_748245524 小时前
吉利前端、AI面试
前端·面试·职场和发展