首先,大体先看一下要生成的目录树的样子
├─ hw
│ ├─dirtree.js
│ └─ test.js
├─test.js
└─ url.js
大体就是这个样子,分目录要在父目录下吗生成,下面先做一波分析
目录树分析 获取目标文件夹的目录内容 将文件或者文件夹进行划分 将文件或者文件夹进行打印 命令行console.log() 中间要用到的关键就是读取文件夹,和设置深度,每次递归都让其深度加一,就可以区别开一级二级三级了 文件夹再次遍历 deep 1 ├─ …… deep2 │ ├─ deep3│ │ ├─ 打印当前目录树
下面就是实现代码
const fs=require('fs');
const path=require('path');
let target=path.join(__dirname,'../');
//目标目录
function loadTree(target,deep){
let prev=new Array(deep).join(' |');
// 前面| 字符串
let dirinfo=fs.readdirSync(target);
let files=[];
let dirs=[];
//保存文件或者是文件夹
//遍历将文件或者文件夹分开存储
for (let i = 0; i < dirinfo.length; i++) {
// console.log(path.join(target,dirinfo[i]))
let state= fs.statSync(path.join(target,dirinfo[i]));
if (state.isFile()) {
files.push(dirinfo[i])
}else{
dirs.push(dirinfo[i])
}
}
// 文件夹操作
for (let i = 0; i < dirs.length; i++) {
console.log(`${prev} ├─ ${dirs[i]}`)
// 递归
let nextPath=path.join(target,dirs[i])
let nextdeep=deep+1;
// 下一级的 文件目录 以及层级
loadTree(nextPath,nextdeep)
// 递归调用
}
// 文件操作
for (let i =files.length-1 ; i >= 0; i--) {
if (i===0) {
console.log(`${prev} └─ ${files[i]}`)
}else{
console.log(`${prev} ├─ ${files[i]}`)
}
}
}
loadTree(target,1);