当前位置: 首页 > Web前端 > vue.js

使用tree-node-cli生成树状目录

时间:2023-03-31 17:19:58 vue.js

我在写博客的时候,经常需要展示项目的目录结构。我的电脑是windows,tree命令不太好用。如果你会用Node,就用Node!所以我找到了一些跨平台的。分别是tree-cli和tree-node-cli,这两个是一个作者。其中tree-node-cli更适合Linux用户。区分大小写,有API,但目前不能直接生成文件。除了这种,还有生成md的,可以生成网页的等等,自己搜索吧。安装tree-node-clinpminstall-gtree-node-cli,在终端执行如下命令生成,复制保存即可。treee-L3-I"node_modules|.idea|objects|.git"-a--dirs-first结果:├──config│├──config.js│├──defaultSettings.js│├──plugin.config.js│├──proxy.js│└──themePluginConfig.js├──mock│├──notices.js│├──route.js│└──user.js├──public│├──更改││├──asideNavImg││├──img││└──js│├──图标││├──icon-128x128.png││├──icon-192x192.png││└──icon-512x512.png│├──favicon.png│└──ver.version├──src│├──assets││├──MonitoringCenterImg││├──Nav││├──PlatformImg││├──休息│├──顶部│├──blank.png││└──logo.svg│├──components││├──AddMember││├──AddTags││├──Authorized││├──面包屑││├──GlobalHeader││├──HeaderDropdown││├──HeaderSearch││├──Information│├──MemberTab││├──NoticeIcon││├──OutSide│Load│││├──ParentOrg││├──ResetPass││├──RoleTree││├──ServiceGovernance││├──Ssologout││└──TreeModal│├──e2e││****├──模拟****││├──baseLayout.e2e.js││└──topMenu.e2e.js│├──布局│├──BasicLayout.jsx││├──BlankLayout.jsx││├──index.less││└──SecurityLayout.jsx│├──models││├──AsideNavStore.js││├──global.js││├──Home.js││├──LogCenter.js││├──login.js││├──MonitoringCenter.js││├──Platform.js││├──ServiceGovernance.js││└──setting.js│├──pages││├──.umi││├──LogCenter││├──MonitoringCenter││├──平台│├──ServiceGovernance││├──404.jsx││├──Authorized.jsx││└──document.ejs│├──services││├──Home.js││├──LogCenter.js││├──login.js││├──MonitoringCenter.js││├──NavStore.js││├──Platform.js││├──serviceGovernance.js││└──user.js│├──utils││├──权限.js││├──authority.test.js││├──Authorized.js││├──cac.js││├──date.js││├──getEchart.js││├──getIframeHeight.js││├──getResUrl.js││├──request.js││├──tableIcon.js││├──tree.js││├──utils.js││├──utils.less││└──utils.test.js│├──global.jsx│├──global.less│├──manifest.json│└──service-worker.js├──测试│├──run-tests.js│└──setupTests.js├──.editorconfig├──.eslintignore├──.eslintrc.js├──.prettierignore├──.prettierrc.js├──.stylelintrc.js├──CHANGELOG.md├──jest-puppeteer.config.js├──jest.config.js├──jsconfig.json├──包.json└──README.md说明windows用户需要使用tree而不是tree,以避免与系统的tree命令冲突。树指定路径的级别为3级。-L3忽略文件夹(如果正则表达式匹配,.git会匹配.gitignore,所以不显示.gitignore文件)。-I"node_modules|.idea|objects|.git"显示所有文件(默认前缀带“.”的不会显示,比如“.electron-vue”)。-a目录在前,文件在后(默认按字母顺序,与idea显示的顺序不一致)。--dirs-first完整选项-V,--version输出版本号-a,--all-files打印所有文件,包括隐藏文件--dirs-firstdirectoryfirst,fileafter-d,--dirs-onlyList仅限目录-I,--exclude[patterns]排除匹配模式的文件。用|分隔它们并将它们用双引号引起来。例如"node_modules|.git"-L,--max-depth目录树的最大显示深度-r,--reverse按字母倒序排序输出-F,--trailing-slashaddfordirectory'/'-h,--help输出使用信息卸载npmuninstall-gtree-node-cli