NPM 使用 Treer 生成项目目录结构

最新推荐文章于 2024-10-22 11:27:06 发布

原创最新推荐文章于 2024-10-22 11:27:06 发布 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#项目目录结构 #readme

工具专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用treer命令行工具展示项目目录结构，包括忽略特定文件夹、保存目录结构到文件等功能，适用于需要清晰了解项目布局的开发者。

安装

npm install -g treer

用法

# 忽略某些文件或文件夹
treer -i "node_modules"


# 保存目录结构到文件
treer -e "test.txt"

生成结果

├─.babelrc
├─.eslintrc.js
├─package-lock.json
├─package.json
├─tsconfig.json
├─src
├─config
├─node_modules

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DecadentF

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用 tree-node-cli 自动生成目录树结构

Wonz

08-28

1713

使用 tree-node-cli 自动生成目录树结构

treer:生成目录结构小工具

天黑不熄灯

03-21

1808

文章目录安装方法安装方法 npm install treer -g //全局安装treer，如果只想安装在当前目录可以去掉-g

参与评论您还未登录，请先登录后发表或查看评论

关于npm基础使用

Caristop3_走在前端这条大道上

04-09

472

1.安装node自带npm包管理器 2.Npm install xx -g （全局安装，一般为命令行工具） 3.安装在项目里面，cd切换到对应项目 npm install xx 4.使用”tree”命令查看当前项目下所安装的package目录结构 5.使用”npm list或者npm ls”查看当前全部安装的package（@符号后面是版本号） 6.使用”npm info 包名称”查看当前...

使用tree生成目录树结构

天心天地生的博客

12-15

2458

背景介绍有时候,当你完成一个项目后,想要展示这个项目的目录结构(如下图所示),对该项目进行文档描述性说明,用于解释其项目中各个目录以及文件代表的含义,这样便于自己和后来的同学理解,在实际开发中,对于接收毫无文档说明的project,是非常痛苦的,一份好的readme文档也是非常重要的,那怎么办?逐行手写?当然不是,接下来,一步一步带你见证奇迹基于tree-node-cli 类似树的格式列出目录的内容，类似于Linux树命令。提供了CLI和Node API 安装: npm install -g tree-

快速生成项目目录结构的方法-步骤-DOS-NPM

JackieDYH的博客

07-14

1642

方法一 DOS方式：开始 -> 运行 -> cmd -> 进入DOS命令行界面进入需要生成目录结构的项目主目录或者直接打开项目目录，在地址栏输入 cmd 快速进入目录中输入命令行： tree /f > 自定义文件名.txt 注：会在当前目录先生成.txt文件本文只是基于windows系统来进行介绍，在Mac或者Linux下也可以使用tree列出项目结构方式二 npm安装treer方法：安装模块npm install -g treer ...

Vue.js 目录结构

腾讯全栈-ITCJF

09-30

802

1.初始目录结构如下： 2.目录结构介绍目录/文件说明 build 最终发布的代码存放位置。 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这

使用node生成文件树结构

weixin_53170968的博客

05-22

294

使用node生成文树解构

【NPM】工程化依赖包/库开发之常见开发结构/模式及特点

最新发布

无限循环

10-22

1463

在开发 npm 包时，主流的开发结构和模式有一定的共性，这些结构和模式主要是为了提高可维护性、扩展性以及代码质量。

使用pretty-tree从JSON生成彩色树形结构

通常此类命名方式对应于仓库的主分支（master/main branch），意味着包含了完整的项目结构，包括但不限于：package.json（定义项目元信息与依赖）、README.md（使用说明文档）、index.js 或 lib/ 目录下的核心实现...

directory-to-tree：便捷生成目录树结构的工具

安装完成后，用户可以在命令行中使用该工具提供的命令来生成目录树，包括查看当前目录或指定目录下的文件结构。通过命令行选项，还可以定制输出的树状结构的深度。" 详细知识点说明如下： 1. 目录结构可视化工具：...

安利一个npm包：mddir，可以生成项目的工程结构

weixin_34367845的博客

03-19

3334

发现背景：一个前辈离职了我成了代码交接者前辈一通讲当时听懂了，也做下了笔记

npm创建本地目录树状层级结构

skyandairchild的博客

06-13

1133

npm 安装包到本地,依赖包会平行安装.如果要要像老版本那样以树状结构安装,可以使用 --global-style 参数.完整例子如: npm install xxx-plugin-name --global-style

使用 tree 命令生成树状项目结构

青蛙king的博客

06-06

3765

然后将不想展示的文件夹手动删除掉即可。将修改后的项目结构树复制到README.md 文件中。接下来，若想增加一些文件的结构，可以分别获取，比如：获取根目录下的所有文件的结构。tree-node-cli 插件并没有完全实现。最后再合并到 README.md 文件中，即可。可以将生成的树结构导出到指定的文件中。生成的结构会包含文件夹，需要手动剔除。，虽然只实现了一部分，但足够用了。然后将不需要的文件删掉。

生成文件目录结构【npm】

weixin_41859887的博客

02-24

1068

可以快速的生成本目录下的目录结构 npm install mddir -g 在文件夹下打开cmd，输入以下命令 mddir 会生成 directoryList.md 的文件

安利一个可以生成项目的工程结构npm包

weixin_30410999的博客

07-25

220

使用方式很简单： 1、先安装，npm install mddir -g 2、cd 到你想生成目录的工程结构 3、直接运行mddir命令 4、打开工程根目录下出现的名字为directoryList.md的文件，就可以看到了 npm install mddir -g cd X:\mywork mddir 转载于:https...

图文并茂手把手教你用一行命令生成目录结构树

tangdou369098655的博客

02-23

1040

执行完上述命令后，我们可以在当前路径下看到一个menu_tree.txt文件，打开就是我们要的结果啦~~-d 指定目录，如果不指定目录，则会将当前目录作为指定目录。-e or --export 导出到文件中。欢迎大家指出文章需要改正之处~已安装node环境，

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

weixin_68658847的博客

05-21

1009

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

做了一个vue的同步tree 的npm组件包

weixin_30735391的博客

02-19

318

前言：因为现成的tree组件没有找到。亦或是其依赖的其他东西太多，不太合适引入我们的项目，所以自己做了一个。大概样式：在线例子： https://hamupp.github.io/t-vue-tree/examples/dist/#/basicDemoAndApi 属性： 1.data {类型Object} 树的全部数据，格式参考下例，其中的各个字段的说明也看示例中的注释...

封装一个可拖拽的Tree组件（Vue），并上传到NPM

weixin_33842328的博客

06-19

2340

Github : https://github.com/shuiRong/v...DEMO: https://vigilant-curran-d6fec... 有需求才有动力一开始在新项目里用的Tree组件是Element的，但踩到坑了：Tree节点的填加/删除无法反映到data里，这个影响就比较大了。然后我通过一些奇技淫巧让节点的改...