nodejs 生成树形目录

最新推荐文章于 2025-05-27 12:42:50 发布

原创

最新推荐文章于 2025-05-27 12:42:50 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何利用NodeJS读取项目目录并生成JSON数据，以构建树形结构，特别适用于引擎类库的导航。作者提到了在Vue中实现树形结构的案例，并分享了一个使用NodeJS生成树形数据的示例，最终目标是将此菜单导航应用于WingIDE。文章还呼吁读者支持作者的人工智能教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

这里写图片描述

最近在开发wing插件的时候要用到一些树形结构，这些结构使用是想做一个引擎类库的导航。下面借助了nodejs 能够读取项目的目录，并生成一些json的数据，有了这个基础后，我们就可以实现遍历目录来获取想要的数据了。这个时候，还需要借助了vue里面一个树形结构的案例完成。

当然还有jq的树形菜单，主要配合一些jq的插件一些库就可以完成了。不过vue提供的案例也满足了我们使用。

http://cn.vuejs.org/examples/tree-view.html

这里写图片描述

生成的格式需要满足这种父子格式。因此在遍历过程当中也在生成这种格式。

  var data = {
     
     name: 'My Tree',  children: [    { name: 'hello' }    ]}
  
  
  
   
   1
   
   2
   
   3
   
   4

下面一段nodejs生成树形数据。

  var fs = require('fs')//遍历文件夹，获取所有文件夹里面的文件信息/* * @param path 路径 * */function geFileList(path){
    
       var filesList = [];   var targetObj = {};   readFile(path,filesList,targetObj);   return filesList;}//遍历读取文件function readFile(path,filesList,targetObj){
    
       files = fs.readdirSync(path);//需要用到同步读取   files.forEach(walk);   function walk(file)   {
    
              states = fs.statSync(path+'/'+file);                 if(states.isDirectory())        {            var item ;            if(targetObj["children"])            {                item = {name:file,children:[]};                targetObj["children"].push(item);            }            else            {               item = {name:file,children:[]};               filesList.push(item);            }            readFile(path+'/'+file,filesList,item);