Vscode中使用Tree命令(Unicode树形风格)


做了项目一直懒得列项目结构,现在发现可以用tree命令输出......

Vscode中使用Tree命令(Unicode树形风格)

Windows环境

  • Windows 终端环境下tree命令默认只显示文件夹,不显示文件。
  • like:
└─videoAll
    ├─app
    ├─config
    ├─public
    │  └─assets
    └─templates
  • 在 Windows(CMD / PowerShell / VS Code 终端)中:
  • tree只显示目录结构,不会显示任何文件

应该用上tree /f

  • tree /f输出:
.
├── 利用PHP构建视频播放平台.md
│
└── videoAll
    ├── README.md
    │
    ├── app
    │   ├── Category.php
    │   └── Video.php
    │
    ├── config
    │   └── config.php
    │
    ├── public
    │   ├── index.php
    │   │
    │   └── assets
    │       ├── script.js
    │       └── style.css
    │
    └── templates
        ├── footer.php
        ├── header.php
        └── video_grid.php
  • 很好,那么还有更好的吗?
  • 当然有!
  • 还有个tree /a,用上了更多元化的ASCII 字符。
  • 但他又不显示文件了,怎么办?
  • 请出tree /f /a

更进一步:tree /f /a

  • tree /f /a输出:
G:.
|   利用PHP构建视频播放平台.md
|
\---videoAll
    |   README.md
    |
    +---app
    |       Category.php
    |       Video.php
    |
    +---config
    |       config.php
    |
    +---public
    |   |   index.php
    |   |
    |   \---assets
    |           script.js
    |           style.css
    |
    \---templates
            footer.php
            header.php
            video_grid.php

Linux/macOS环境

  • 说起来在Linux和macOS环境下倒是直接用tree命令就可以直接正常输出。

写个readme,那不得优化下

  • 利用chatgpt对这个输出的目录结构优化下,加上注释:
  • 两版,一版是tree /f 命令下输出的结构,另一版是tree /f /a命令下输出的结构,要论哪个好看点的话,那就见仁见智吧。
  • 当然GitHub常规的就是tree /f 命令下输出Unicode树形风格

tree /f 命令下输出的结构优化

G:.
├── 利用PHP构建视频播放平台.md        # 项目设计与说明文档
│
└── videoAll                          # 视频播放平台主程序
    ├── README.md                     # 子项目说明
    │
    ├── app                           # 核心业务逻辑
    │   ├── Category.php              # 分类模型
    │   └── Video.php                 # 视频模型
    │
    ├── config                        # 配置文件
    │   └── config.php                # 全局配置
    │
    ├── public                        # Web 入口目录
    │   ├── index.php                 # 应用入口
    │   │
    │   └── assets                    # 静态资源
    │       ├── script.js             # 前端脚本
    │       └── style.css             # 样式文件
    │
    └── templates                     # 页面模板
        ├── footer.php
        ├── header.php
        └── video_grid.php

tree /f /a 命令下输出的结构优化

G:.
|   利用PHP构建视频播放平台.md          # 项目整体设计说明文档
|
\---videoAll                          # 视频播放平台主目录
    |   README.md                     # 项目说明
    |
    +---app                           # 业务逻辑层
    |       Category.php              # 视频分类模型
    |       Video.php                 # 视频数据模型
    |
    +---config                        # 配置文件
    |       config.php                # 全局配置
    |
    +---public                        # Web 入口目录
    |   |   index.php                 # 应用入口
    |   |
    |   \---assets                    # 静态资源
    |           script.js             # 前端脚本
    |           style.css             # 样式文件
    |
    \---templates                     # 页面模板
            footer.php                # 页脚模板
            header.php                # 页头模板
            video_grid.php            # 视频列表模板

声明:三二一的一的二|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - Vscode中使用Tree命令(Unicode树形风格)


三二一的一的二