用 readme-tree 插件最省事,但必须手动补全 Installation、Usage、Contributing 三部分及 package.json 的 description 等字段才真正高质量;纯自动生成的 README 几乎无法直接交付。

直接说结论:用 readme-tree 插件最省事,但必须配合手动补全结构说明和使用示例才真正“高质量”;纯自动生成的 README 几乎没法直接交付。
为什么 readme-tree 是当前最实用的选择
它不依赖外部服务或复杂配置,核心能力就一条:在当前打开的 README.md 文件光标处,一键插入当前项目目录的树状结构。生成结果干净、层级清晰、天然支持折叠(用 Markdown 的细节标记),且源码开源、无埋点、可审计。
- 它只读取本地文件系统,不上传任何内容,适合私有项目
- 输出是纯 Markdown,兼容 GitHub / GitLab / Gitee 等所有平台渲染
- 默认忽略
node_modules、.git、out等常见构建/缓存目录,无需额外配置 - 如果你已用
vsce打包过插件,它的实现逻辑(fs.readdirSync+ 递归拼接)可以直接抄进自己的工具脚本里
readme-tree 生成后必须手动补哪几块
自动生成的目录树只是骨架,真正让 README “高质量”的是语义化内容。以下三处不补,别人打开第一眼就会关掉:
-
## Installation:哪怕只有npm install或git clone一行,也得写清楚入口命令 -
## Usage:至少给一个最小可运行示例,比如node index.js或截图示意 UI 效果 -
## Contributing:哪怕只写 “PR welcome”,也比空着强——它传递出项目是否仍在维护的信号
注意:readme-tree 不处理这些,它连 ## Features 都不会加标题,全靠你手敲。
别踩这个坑:package.json 的 description 字段没填,生成的 README 就少第一行简介
很多模板类插件(包括 readme-tree 的同类竞品)会读取 package.json 中的 name 和 description 自动填充顶部。如果你的 package.json 里 "description": "" 或压根没这字段,生成的 README 开头就是空的,显得非常不专业。
- 检查命令:
cat package.json | grep description - 补全建议:
"description": "A lightweight utility to generate directory tree in Markdown" - 顺手把
repository和author也填上,GitHub 页面会自动展示这些信息
如果想进一步自动化,可以组合 vscode-markdownlint + markdown-emoji
生成完初稿后,立刻用 markdownlint 检查语法错误(比如缺失空行、标题层级跳变),再用 markdown-emoji 把 :rocket: 这类符号转成真实 emoji,视觉上更友好。这两者都不改结构,只做“润色”,和 readme-tree 完全正交,装了就能用。
真正容易被忽略的是:目录树再漂亮,如果 .gitignore 里漏了 dist/ 或 coverage/,别人 clone 下来跑不起来,README 写得再细也没意义。生成文档前,先确保项目本身是可复现的。


















