首页
看点啥
插画图片
首页 经济看点 Fitten_Code自动生成项目目录结构:根据需求快速输出规范的文件夹骨架

Fitten_Code自动生成项目目录结构:根据需求快速输出规范的文件夹骨架

2026-06-26 0

Fitten Code插件可快速生成VSCode工作区内的项目结构文本,而tree命令能导出完整磁盘结构并支持过滤与脚本固化。

你需要在技术文档、PR描述或团队交接材料里快速呈现项目结构,但手动敲目录树既费时又容易漏层级、错缩进、混大小写。

用Fitten Code直接生成结构文本

这一步操作起来很简单,直接把文件拖进去就行。打开VSCode,确保已安装并登录Fitten Code插件(未安装请先去扩展市场搜“Fitten Code”安装)。

在左侧资源管理器中,右键点击项目根目录 → 选择“Fitten Code – 生成项目结构” → 等待3秒左右,右侧会弹出一个预览窗口,显示带缩进的纯文本目录树。

注意:该功能【仅识别当前VSCode工作区已加载的文件和文件夹】,未在工作区中打开的子目录(比如被files.exclude隐藏但物理存在的dist/)不会出现在结果中。

点击预览窗口右上角“复制”按钮,粘贴到Markdown文档或飞书笔记即可——格式干净,无多余符号,缩进为4空格,目录名末尾不带斜杠。

用tree命令导出真实磁盘结构(推荐用于交付物)

当你要导出的是完整物理结构(含node_modules、.git、build等),必须绕过VSCode文件系统视图,直连操作系统。终端里执行tree命令最可靠,不卡顿、不丢文件、格式可控。

第一步:在VSCode内置终端中,确认当前路径是项目根目录——输入 pwd 回车,看输出路径是否与你资源管理器顶部显示一致;若不对,cd 到正确路径。

第二步:运行以下命令(Windows/macOS/Linux通用):
tree -I "node_modules|.git|.DS_Store|dist|build" --dirsfirst -o tree-output.txt

第三步:检查生成的tree-output.txt——它会把所有目录排在文件前面,层级清晰,且过滤掉常见干扰项。如果发现漏了某个本该存在的目录,说明那个目录实际没被创建,不是命令问题。

这个命令里的-I参数必须加引号包裹多个排除项,否则shell会把竖线当成管道符执行,导致报错或输出异常。

一键脚本固化常用导出逻辑

每次敲长命令容易记错参数,尤其要反复导出不同深度或不同过滤规则时。写个本地脚本,以后双击或alias就能跑。

方法一(macOS/Linux):新建gen-tree.sh,内容如下:

#!/bin/bash
tree -I "node_modules|.git|.DS_Store|dist|build" --dirsfirst -L 4 -o tree-$(date +%Y%m%d).txt

方法二(Windows PowerShell):新建gen-tree.ps1,内容如下:

Set-Location $PSScriptRoot
tree /F /A > tree-$(Get-Date -Format 'yyyyMMdd').txt
Write-Host "✅ 已生成 tree-$(Get-Date -Format 'yyyyMMdd').txt"

保存后,在终端赋予执行权限(macOS/Linux执行 chmod +x gen-tree.sh),然后直接 ./gen-tree.sh 就能生成带日期后缀的结构文件。

喜欢(0)

上一篇

PixVerseREADME文档提示词具体使用场景的加入方法

PixVerseREADME文档提示词具体使用场景的加入方法

下一篇

Fitten_Code在WebStorm中的应用:加速现代React与Vue项目的组件开发

Fitten_Code在WebStorm中的应用:加速现代React与Vue项目的组件开发
猜你喜欢