mcpField
T
trees

trees

github.com/pierrecomputer开发6.4k318 次安装1 天前更新
代码仓库

关于 trees

@pierre/trees 是用于构建交互式文件树的 JavaScript 库，提供 Core、React、SSR 和 Web Components 接口，适合将树视图集成到 Web 应用的开发者。

主要功能

  1. 01提供 Core、React、SSR 和 Web Components 接口
  2. 02使用路径字符串管理状态与回调
  3. 03在服务器端预加载树
  4. 04应用主题
  5. 05支持搜索、重命名、拖放和 git 状态

适用场景

  1. 01在 React 中渲染和更新文件树
  2. 02用原生 JavaScript 构建树视图
  3. 03在服务器端预加载文件树
  4. 04为树视图添加搜索和文件操作

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/pierrecomputer/pierre --skill trees

安装后在 Claude Code 中输入/trees确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
api-core.md
api-react.md
api-ssr.md
api-web-components.md
recipe-interactions.md
recipe-react.md
recipe-ssr.md
recipe-theme.md
recipe-vanilla.md

详细介绍

@pierre/trees

使用 @pierre/trees 创建交互式文件树。公共状态和回调使用 路径字符串。

安装

pnpm add @pierre/trees

如果应用使用 React 入口，请安装 react 和 react-dom。

选择 API 参考

入口参考
@pierre/trees核心 API
@pierre/trees/reactReact API
@pierre/trees/ssrSSR API
@pierre/trees/web-componentsWeb 组件 API

选择使用方案

任务使用方案
在 React 中渲染和更新树使用 React
不使用 React 渲染和更新树使用原生 JavaScript
在服务端预加载树使用 SSR
应用已解析的 Shiki 或 VS Code 主题应用主题
配置搜索、重命名、拖放和 git 状态添加交互功能

评论

支持 Markdown