nodeJs生成目录树(tree树）

最新推荐文章于 2024-04-17 09:41:04 发布
最新推荐文章于 2024-04-17 09:41:04 发布
阅读量868 收藏 1
点赞数 1
分类专栏： 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_31529197/article/details/115602063
版权

 

最近看到vscode tree生成目录树结构插件挺好玩的，自己琢磨实现了一个简单版本，支持文件，文件夹过滤，支持用户自定义读取文件路径

最终效果图：

主要思路：读取文件目录，遇到文件夹递归继续读，不是文件夹直接返回定义的数据结构，数据结构定义如下：

{

    "path": "", //绝对路径

    "title": "", //文件名称

    "type": "file", //文件类型

    "deep": 6, //文件深度(在读取文件根目录第几层)

    "extname": ".json" // 文件后缀

},

代码截图：

代码传送地址：https://github.com/plumss/nodeJsTree.git

pupuGirl
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nodejs 遍历目录树 组建内存tree
JackYang的博客
04-21 2523
最近好久都没写博客了，主要是没干iOS了，现在在写后端，用的Nodejs，加上最早java的功底，以及对javascript的了解，目前没什么问题+ 说说最近的项目中遇到的一个小需求。 把硬盘所有文件爬一遍并计算hash，不过话说回来。nodejs的Stream是真的好用。 为什么有这个需求，不讲了。实现原理也就是visitor Pattern. 加tree model 以下是代码。
nodejs:生成树形目录
夏天的树人的专栏
05-22 9260
最近在开发wing插件的时候要用到一些树形结构，这些结构使用是想做一个引擎类库的导航。下面借助了nodejs 能够读取项目的目录，并生成一些json的数据，有了这个基础后，我们就可以实现遍历目录来获取想要的数据了。这个时候，还需要借助了vue里面一个树形结构的案例完成。当然还有jq的树形菜单，主要配合一些jq的插件一些库就可以完成了。不过vue提供的案例也满足了我们使用。http://cn.vuej
node.js 生成目录树文件
Twinkle_sone的博客
03-17 1968
说在前面 我们在很多地方都可以看到有这样的目录树结构，目录树可以很好的介绍项目中各文件目录的用途，帮助读者了解整个项目结构。 由于自己在项目中需要用到这个目录树来进行项目结构介绍，但是在网上简单的找了一下，没找到自己想要的工具，于是就自己动手用node撸了一个，输出效果如上图↑↑↑。 代码实现 依赖模块 需要使用fs和path模块。 const fs = require("fs"); const path = require("path"); 参数配置 执行node命令的时候可以携带参数，具体参数如下：
探索Node.js中的目录树生成工具：`node-directory-tree`
最新发布
gitblog_00002的博客
04-17 433
探索Node.js中的目录树生成工具：node-directory-tree 项目地址:https://gitcode.com/mihneadb/node-directory-tree 在软件开发中，尤其是在文件系统操作和管理时，我们常常需要查看或处理目录结构。有一个高效的工具能帮助我们将复杂的目录结构以可读性高的方式展示出来是非常有益的。这就是我们要介绍的开源项目——node-directory...
使用tree生成目录树结构
天心天地生的博客
12-15 2075
背景介绍 有时候,当你完成一个项目后,想要展示这个项目的目录结构(如下图所示),对该项目进行文档描述性说明,用于解释其项目中各个目录以及文件代表的含义,这样便于自己和后来的同学理解,在实际开发中,对于接收毫无文档说明的project,是非常痛苦的,一份好的readme文档也是非常重要的,那怎么办?逐行手写?当然不是,接下来,一步一步带你见证奇迹 基于tree-node-cli 类似树的格式列出目录的内容，类似于Linux树命令。提供了CLI和Node API 安装: npm install -g tree-
Node中的两种遍历方式-深度优先和广度优先（附Node删除文件例子进行详解）
weixin_34194702的博客
09-11 334
树的基本概念树（Tree）是 n 个结点的有限集，n 为 0 时，称为空树，在任意一棵非空树中有且仅有一个特定的被称为根（Root）的结点，当 n 大于 1 时，其余结点可分为 m 个互不相交的有限集 T1、T2、......、Tm，其中每一个集合本身又是一棵树，并且称为 SubTree，即根的子树。需要强调的是，n>0 时根结点是唯一的，不可能存在多个根结点，m>0 时，子树的个数没...
nodejs实现读取本地文件生成目录树
01-06
在Node.js环境中，读取本地文件并生成目录树是一种常见的需求，特别是在开发文件管理系统或进行文件操作时。Node.js提供了一系列强大的文件系统（fs）模块，使得开发者能够方便地进行文件和目录的操作。本篇文章将...
node.js获取文件夹目录树
03-17
node getFileTree.js [参数1] [参数2] [参数3] [参数4] [参数5] 参数说明 参数1：解析目录路径,默认为'../' 参数2：过滤文件名,使用...参数4：生成文件路径,默认为'./fileTree.txt' 参数5：是否输出完整路径,默认为true
import-grapher:根据js入口点生成依赖关系树
05-12
在当前工作目录中生成import-graph.json文件。 importgrapher 选项 --no-cache ，禁用缓存机制 --out-file <filename> ，设置输出文件名 原料药 您还可以将Import Grapher用作Node.js API const importGrapher = ...
nodejs-apb:用于 seajs 的 AMD 包生成器
06-06
2. 配置打包设置，指定源文件目录、输出目录以及需要打包的模块列表。 3. 运行打包命令，生成合并后的文件。 4. 在HTML中引入打包后的文件，使用SeaJS来加载和执行模块。 随着前端技术的发展，现代构建工具提供了更...
算法：Node.js，Swift和Haskell的算法注释和LeetCodeCodewars解决方案
02-01
用生成的目录 演算法 在设计算法时，面对的第一个任务是精准地定义问题。 Node.js，Swift，Haskell和C＃的算法注释，代码和leetcode解决方案。 预储 ： 堆/栈 链表 映射 散列 二叉树 图 话题 平衡二叉搜索树 运行...
tree-util:简单但功能强大的node.js库，用于构建和使用树结构
05-01
树实用 简单但功能强大的库，用于构建和使用树结构。 特征 根据具有ID的父子关系的数据构建树结构 确定节点之间的祖先和后代关系的方法 向树结构添加数据和从树结构获取数据的方法 树木工作的一般方法 经过严格测试 易于构建树结构，其中数据项通过id属性具有父子关系。 具有父子关系的数据源的示例可以是关系数据库中的表。 例子 建立树。 var tree_util = require ( 'tree-util' ) // An array where the items has a parent child reference using id properties var items = [ { id : 1 } , { id : 2 , parentid : 1 } , { id : 3 , parentid : 1 } , { id : 4 , parentid
node.js目录树实现
xwc999
06-09 209
目录树 效果图 const fs = require('fs'); dirtree('./', ''); function dirtree(dir,table) { if (fs.statSync(dir).isFile()) { console.log(table +'|-'+ item); return; } let dirs = fs.readdirSync(dir); for (const item of dirs) {
NameNode之文件系统目录树
happy19870612's blog
11-23 1736
NameNode会为维护文件系统的命名空间，命名空间是以/目录为开始的整棵目录树，整棵目录树是通过FSDirectory来管理的。 在HDFS中，无论是目录还是文件都是，在文件系统目录树中都被看做是一个INode节点，如果是目录则对应的类是INodeDirectory，如果是文件，则对应的类是INodeFile. INodeDirectory包含一个children集合，其子目录或者文件会被保存
nodejs 制作项目目录树代码
weixin_30745641的博客
05-25 136
// 递归目录树（只能用同步，用异步会出现后面的文件比前面的文件先输出，顺序会乱。） // 默认按照ASCII码的顺序，例如js里面的sort()函数。 // 先写一层的情况 // 抽象递归参数 // 找到突破点（避免死循环） // 自己调自己，某种情况（肯定会存在的）不调用 const fs = require('fs'); const path = requi...
使用tree-node-cli生成树状目录
chenggedian7759的博客
04-22 2640
在写博客的时候经常会需要展示项目的目录结构，我电脑是windows的，tree命令不是很好使。能用Node就用Node! 所以就找了几个跨平台的。分别是tree-cli和tree-node-cli，这两个是一个作者。其中tree-node-cli是比较适合Linux用户的，大小写区分，而且还有...
JS自定义树的实现
安优小青和他的程序生活
12-17 2109
/** * 知识点树的创建 * 方法1：addRootNodes ->增加根节点 * 方法2：addChild->>增加子节点 * 说明：该脚本主要为了页面请求动态创建树节点。 * 该树依赖于 css/tree.css, images图片 * * @author IUPRG */ /** * 构造 * @param treeID:树容器的di
自定义TreeNode
weixin_30532369的博客
12-01 565
现阶段需要做一个界面，左侧需要用到TreeView，初始化树的时候，感觉如果每个node多存储点信息就好，就知道选择的是根节点，还是子节点了，还可以保存一些其他的信息，就打算自定义treenode，以下为代码，用得着的看下。 #Region "自定义TreeNode" Private Class ZZTreeNode Inherits TreeNode Pr...
JsTree 最详细教程及完整实例
yiding123的专栏
12-16 7591
JsTree 最详细教程及完整实例 JsTree是一个jquery的插件，它提交一个非常友好并且强大的交互性的树，并且是完全免费或开源的（MIT 许可）。Jstree技持Html 或 json格式的的数据， 或者是ajax方式的动态请求加载数据。 1、支持基于HTML定义、Json、XML方式加载树节点     2、支持拖放，动态增加、删除、重命名树节点     3、支持复选框   ...
nodejs 生成海报
11-30
以下是使用NodeJS生成海报的两种方案： 1. 使用Puppeteer库调用浏览器的page对象，基于page.screenshot截图并保存到磁盘。 ```javascript const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('https://www.example.com'); await page.screenshot({path: 'example.png'}); await browser.close(); })(); ``` 2. 将HTML作为SVG的外联元素，利用SVG的API导出为图片。 ```javascript const fs = require('fs'); const { createCanvas, loadImage } = require('canvas'); const canvas = createCanvas(200, 200); const ctx = canvas.getContext('2d'); (async () => { const image = await loadImage('path/to/image.jpg'); ctx.drawImage(image, 0, 0, canvas.width, canvas.height); fs.writeFileSync('output.png', canvas.toBuffer()); })(); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值