0

0

VSCode的File Tree Generator:一键生成项目目录结构树

P粉986688829

P粉986688829

发布时间:2025-12-29 14:44:58

|

310人浏览过

|

来源于php中文网

原创

可在VSCode中通过三种方法生成项目目录树:一、用Command Line Tools插件执行tree或PowerShell命令;二、安装Project Tree Generator扩展右键生成;三、配置tasks.json实现自动化导出。

vscode的file tree generator:一键生成项目目录结构树

如果您希望在VSCode中快速可视化整个项目的文件与文件夹层级关系,但当前编辑器未内置目录树生成功能,则可能是由于缺少对应扩展或未启用结构化输出支持。以下是实现项目目录结构树生成的多种方法:

本文运行环境:MacBook Air,macOS Sequoia。

一、使用Command Line Tools插件调用系统命令

该方法利用VSCode终端集成能力,通过内置Shell执行tree命令(macOS/Linux)或PowerShell指令(Windows),直接在编辑器内输出结构化文本树。

1、在VSCode中按下Cmd+Shift+P(macOS)或Ctrl+Shift+P(Windows/Linux),打开命令面板。

2、输入并选择“Terminal: Create New Terminal”,启动集成终端。

3、在终端中执行:tree -I "node_modules|.git|.vscode|dist"(macOS/Linux)或Get-ChildItem -Path . -Depth 4 | Format-Tree(PowerShell,需先安装Format-Tree模块)。

4、将输出结果全选复制,粘贴至新建的tree.md文件中,并保存。

二、安装Project Tree Generator扩展

该扩展专为VSCode设计,提供图形化按钮与右键菜单入口,可自定义排除路径、缩进层级与输出格式,无需依赖外部命令行工具

1、点击左侧活动栏的扩展图标(或按Cmd+Shift+X),在搜索框中输入Project Tree Generator

2、在搜索结果中找到作者为“kisstkondoros”的扩展,点击“Install”完成安装。

LLaMA
LLaMA

Meta公司发布的下一代开源大型语言模型

下载

3、安装完成后,右键点击资源管理器中的任意文件夹,在上下文菜单中选择“Generate Project Tree”。

4、在弹出的输入框中指定最大深度(如5)和忽略模式(如.DS_Store|__pycache__),确认后自动生成树状文本并插入当前活动编辑器。

三、配置Tasks.json结合tree命令自动化导出

此方法将目录树生成固化为VSCode任务,支持一键触发、自动保存至指定路径,适用于需要定期归档结构的协作场景。

1、在项目根目录下创建.vscode/tasks.json文件(若不存在)。

2、写入以下内容:

{"version":"2.0.0","tasks":[{"label":"Generate Tree","type":"shell","command":"tree -L 4 -I \"node_modules|.git|.vscode|dist\" > ./PROJECT_TREE.txt","group":"build","presentation":{"echo":true,"reveal":"always","focus":false,"panel":"shared","showReuseMessage":true,"clear":true}}]}

3、保存文件后,按Cmd+Shift+P,输入“Tasks: Run Task”,选择“Generate Tree”执行。

4、检查项目根目录下是否生成了PROJECT_TREE.txt文件,其内容即为当前目录结构树。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

401

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

528

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

306

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

72

2025.09.10

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

617

2023.07.31

python中的format是什么意思
python中的format是什么意思

python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

426

2024.06.27

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

637

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

523

2023.07.06

ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

121

2025.12.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 6.2万人学习

Git 教程
Git 教程

共21课时 | 2.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号