Hiding components from the devtools

Đang mở
  • Có gì không ổn?
#794 1 bình luận 3 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 2 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
30/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
tooling

Hướng nghiên cứu

Bắt đầu bằng việc xem xét issue liên quan của vuejs/devtools-v6 và xác định các điểm truy cập của devtools component-tree và “Find components...”. Làm rõ liệu mục tiêu là lọc, tìm kiếm ngược duy trì liên tục hay một hệ thống lớp, bao gồm cách các component con vẫn phải được hiển thị. Công việc được xem là hoàn tất khi hành vi ẩn được xác định và phạm vi triển khai được thống nhất.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
2.9k
Fork
291
Merge trung bình
2 ngày 48 phút
Pull request đã merge (30 ngày)
19

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của vuejs/devtools

Tất cả issue của vuejs/devtools

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.