使用treer插件让md文档生成项目的树形项目结构

全局安装tree ,用于生成目录结构

js 复制代码
npm install treer -g

查看treer的版本

js 复制代码
treer --version

在项目下执行以下命令生成项目的树形结构

js 复制代码
// ./  代表是当前项目下  ./src代表在当前项目的src文件夹下 也可以在src文件夹下使用./ 用于指定生成树形结构的项目位置

// -e treer.md  指定输出的文件名 执行完命令会在终端打印一下生成的树形结构,并且会在当前打开的目录下生成treer.md,里面就是树形结构

// -i 后面跟着的文件名都是指定被忽略的文件名,即被忽略的文件不会显示到页面树形结构内  是一个忽略的文件和文件夹的正则表达式列表  命令会忽略指定文件和文件夹,注意前后的/不能省略
treer -d ./ -e treer.md  -i "/node_modules|.git|.idea|dist|.flattened-pom.xml|logs|target|.iml|.java|.xml|.png|.sql|src|.txt|.yml/"

效果图

相关推荐
寅时码2 小时前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听6132 小时前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby2 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6132 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹2 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6132 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue2 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue2 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法
小林ixn3 小时前
从 onclick 到 React 合成事件,再到完整应用逻辑:一次前端架构的深度剖析
前端·react.js·前端框架
Csvn4 小时前
🧩「找不到模块」排查全记录——Monorepo 下 TypeScript 路径别名的 5 种「不通」与根治方案
前端