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;
相关推荐
前端小白从0开始38 分钟前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
難釋懷1 小时前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
特立独行的猫a2 小时前
Nuxt.js 中的路由配置详解
开发语言·前端·javascript·路由·nuxt·nuxtjs
咸虾米2 小时前
在uniCloud云对象中定义dbJQL的便捷方法
前端·javascript
梨子同志2 小时前
JavaScript Proxy 和 Reflect
前端·javascript
汤圆炒橘子2 小时前
状态策略模式的优势分析
前端
90后的晨仔2 小时前
解析鸿蒙 ArkTS 中的 Union 类型与 TypeAliases类型
前端·harmonyos
IT_陈寒2 小时前
Element Plus 2.10.0 重磅发布!新增Splitter组件
前端·人工智能·后端
挑战者6668882 小时前
vue入门环境搭建及demo运行
前端·javascript·vue.js
贩卖纯净水.2 小时前
Webpack的基本使用 - babel
前端·webpack·node.js