trees
Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search, rename, drag and drop, icons, git status, and themes.
来源信息
- 仓库
- pierrecomputer/pierre
- 最近来源活动
- 2026年7月28日 02:05
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 6,257
- 分支
- 228
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
10 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- trees
- description
- Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search, rename, drag and drop, icons, git status, and themes.
# `@pierre/trees`
Use `@pierre/trees` for an interactive file tree. Public state and callbacks use
path strings.
## Install
```bash
pnpm add @pierre/trees
```
Install `react` and `react-dom` when the app uses the React entry.
## Select an API reference
| Entry | Reference |
| ------------------------------ | ------------------------------------------------------ |
| `@pierre/trees` | [Core API](references/api-core.md) |
| `@pierre/trees/react` | [React API](references/api-react.md) |
| `@pierre/trees/ssr` | [SSR API](references/api-ssr.md) |
| `@pierre/trees/web-components` | [Web components API](references/api-web-components.md) |
## Select a recipe
| Task | Recipe |
| ------------------------------------------------------- | ------------------------------------------------------ |
| Render and update a tree in React | [Use React](references/recipe-react.md) |
| Render and update a tree without React | [Use vanilla JavaScript](references/recipe-vanilla.md) |
| Preload a tree on the server | [Use SSR](references/recipe-ssr.md) |
| Apply a resolved Shiki or VS Code theme | [Apply a theme](references/recipe-theme.md) |
| Configure search, rename, drag and drop, and git status | [Add interactions](references/recipe-interactions.md) |
在 GitHub 查看