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;
相关推荐
可观测性用观测云26 分钟前
网站/接口可用性拨测最佳实践
前端
2503_928411561 小时前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
灼华_1 小时前
超详细 Vue CLI 移动端预览插件实战:支持本地/TPGZ/NPM/Git 多场景使用(小白零基础入门)
前端
借个火er1 小时前
npm/yarn/pnpm 原理与选型指南
前端
总之就是非常可爱1 小时前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试
Mr_chiu1 小时前
当AI成为你的前端搭子:零门槛用Cursor开启高效开发新时代
前端·cursor
over6971 小时前
防抖与节流:前端性能优化的“双子星”,让你的网页丝滑如德芙!
前端·javascript·面试
red润1 小时前
手把手封装Iframe父子单向双向通讯功能
前端·javascript·vue.js
gustt1 小时前
JavaScript 闭包实战:手写防抖与节流函数,优化高频事件性能
前端·javascript·面试
青瓜达利园1 小时前
react hook注意事项
前端