从0搭建一个Node Cli

vite-plugin-meta-env

开发前端 CLI 脚手架思路解析

前沿

git cz使用

准备

node > 10.0.0

开始

搭建

• 创建cli对应的文件夹

mkdir we-cli && cd we-cli

• 创建package

npm init

添加入库文件配置

   "main": "bin/we.js",
    "bin": {
        "we": "bin/we.js"
    }

• 创建入口文件

mkdir bin && cd bin

touch we.js

并输出

console.log(this is my cli);

• 全局使用

在命令行输入 npm link 或 npm install -g 将cli安装到全局，

这样就可以直接使用 we 命令了

用到的组件

• figlet 基于ASCII字符组成的字符画【骚气的控制台输出】
• commander CLI常用开发框架
• chalk 终端文字加颜色js组件
• clui spinners、sparklines、progress bars图样显示组件
• shelljs node.js运行shell命令组件
• blessed-contrib 命令行可视化组件
• inquirer 命令行交互信息收集组件
• log-symbols 可以在终端上显示出 √ 或 × 等的图标。

发布

参考

• npm login
• npm publish

关于Node

process.cwd()、dirname和filename的区别

• process.cwd()

方法会返回 Node.js 进程的当前工作目录。

• __dirname

当前模块的目录名。 相当于 __filename 的 path.dirname()。

• __filename

当前模块的文件名。 这是当前的模块文件的绝对路径（符号链接会被解析）。

从 /Users/mjr 运行 node example.js：

console.log(process.cwd());
// 打印: /Users/mjr
console.log(__filename);
// 打印: /Users/mjr/example.js
console.log(__dirname);
// 打印: /Users/mjr

path.resolve()、path.join()的区别

• path.join()

path.join() 方法会将所有给定的 path 片段连接到一起（使用平台特定的分隔符作为定界符），然后规范化生成的路径。

长度为零的 path 片段会被忽略。 如果连接后的路径字符串为长度为零的字符串，则返回 '.'，表示当前工作目录。

• path.resolve()

path.resolve() 方法会将路径或路径片段的序列解析为绝对路径。