使用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/"

效果图

相关推荐
子醉40 分钟前
推荐一种适合前端开发使用的解决本地跨域问题的办法
前端
Niyy_1 小时前
前端一个工程构建多个项目,记录一次工程搭建
前端·javascript
xiangxiongfly9151 小时前
CSS link标签
前端·css
岁月宁静2 小时前
AI 多模态全栈应用项目描述
前端·vue.js·node.js
nn_(nana)3 小时前
修改文件权限--- chmod ,vi/vim,查看文件内容,yum-软件包管理器,systemctl管理系统服务
前端
烛阴4 小时前
从零开始掌握C#核心:变量与数据类型
前端·c#
han_4 小时前
前端高频面试题之Vuex篇
前端·vue.js·面试
qq_415216254 小时前
vue3搭建项目yarn+vue3+webpack+less+element-plus
前端·webpack·less
天天向上10244 小时前
VueUse的使用
前端·vue.js·vscode