Hiding components from the devtools

未关闭
#794 1 条评论 3 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 2 天内回复

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
30/100
Issue 类型
功能
描述清晰度
需要澄清
活跃度
停滞
技术栈
typescript
领域
tooling

调研方向

首先查看相关的 vuejs/devtools-v6 issue,并定位 devtools component-tree 和 “Find components...” 的入口点。明确目标是筛选、持久化反向搜索,还是分层系统,包括子组件应如何保持可见。定义好隐藏行为并就实现范围达成一致后,即视为完成。

由索引模型根据 Issue 内容生成。

描述

When working with component libraries the component tree can become cluttered an hard to read, having a way to hide a selection of components without hiding their children would be nice.

This could be a simple includes/exclude filter somewhere (either in the devtools themselves or in the config) but I think a layer system would be more useful especially if one uses components from various sources or just has a lot of components. How those layers would be defined would depend on the requirements I suppose but a good start could be the name of the package it comes from, a more involved implementation could provide a composable that allows the component to define which layer it wants to be affected to (something like useDevToolsLayer('my-layer')).

Another approach could be to use symbols like - in the "Find components..." field to do a reverse search but that would not be intuitive and would also requires to set this value manually every time you refresh the page.

related issue in vuejs/devtools-v6 Hide components from the vue-devtools #1290

主要语言
TypeScript
星标
2.9k
派生
291
平均合并
2 天 48 分钟
30 天内合并 PR
19

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

vuejs/devtools 的其他 Issue

查看 vuejs/devtools 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。