Làm cách nào để ẩn các tệp nhất định khỏi thanh bên trong Visual Studio Code?

Sử dụng Mã Visual Studio của Microsoft, làm cách nào để ẩn một số tệp và mẫu tệp nhất định không xuất hiện trong thanh bên?

Tôi muốn ẩn .metavà tạo .gitkiểu tệp

Bạn có thể định cấu hình các mẫu để ẩn tệp và thư mục khỏi trình khám phá và tìm kiếm.

1. Mở Cài đặt Người dùng VS (Menu chính File > Preferences > Settings:). Thao tác này sẽ mở màn hình cài đặt.
2. Tìm kiếm files:excludetrong tìm kiếm ở trên cùng.
3. Định cấu hình Cài đặt người dùng với các mẫu hình cầu mới nếu cần. Trong trường hợp này, hãy thêm mẫu này node_modules/rồi bấm OK. Cú pháp mẫu rất mạnh mẽ. Bạn có thể tìm thấy các chi tiết đối sánh mẫu trong chủ đề Tìm kiếm trên các tệp .

Khi bạn hoàn thành, nó sẽ trông giống như sau:

Nếu bạn muốn trực tiếp chỉnh sửa tệp cài đặt: Ví dụ: để ẩn thư mục node_modules cấp cao nhất trong không gian làm việc của bạn:

"files.exclude": {
    "node_modules/": true
}

Để ẩn tất cả các tệp bắt đầu bằng, ._chẳng hạn như ._.DS_Storecác tệp được tìm thấy trên OSX:

"files.exclude": {
    "**/._*": true
}

Bạn cũng có thể thay đổi Cài đặt không gian làm việc (Menu chính File > Preferences > Workspace Settings:). Cài đặt không gian làm việc sẽ tạo một .vscode/settings.jsontệp trong không gian làm việc hiện tại của bạn và sẽ chỉ được áp dụng cho không gian làm việc đó. Cài đặt người dùng sẽ được áp dụng trên toàn cầu cho bất kỳ phiên bản nào của Mã VS mà bạn mở, nhưng chúng sẽ không ghi đè Cài đặt không gian làm việc nếu có. Đọc thêm về cách tùy chỉnh Cài đặt Người dùng và Không gian làm việc .

Đôi khi bạn chỉ muốn ẩn một số loại tệp nhất định cho một dự án cụ thể. Trong trường hợp đó, bạn có thể tạo một thư mục trong thư mục dự án của mình được gọi là .vscodevà tạo settings.jsontệp trong đó, (tức là .vscode/settings.json). Tất cả cài đặt trong tệp đó sẽ chỉ ảnh hưởng đến không gian làm việc hiện tại của bạn.

Ví dụ, trong một dự án TypeScript, đây là những gì tôi đã sử dụng:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

Tiện ích mở rộng " Make Hidden " hoạt động tuyệt vời!

Make Hidden cung cấp nhiều quyền kiểm soát hơn đối với thư mục dự án của bạn bằng cách bật các menu ngữ cảnh cho phép bạn thực hiện các hành động ẩn / hiện một cách dễ dàng, trình khám phá khung xem để xem các mục ẩn và khả năng lưu không gian làm việc để nhanh chóng chuyển đổi giữa các mục ẩn hàng loạt.

Đối với .metacác tệp trong khi sử dụng Unity3D, tôi thấy mẫu tốt nhất để ẩn là:

"files.exclude": {
  "*/**/**.meta": true
}

Thao tác này sẽ ghi lại tất cả các thư mục và thư mục con, đồng thời sẽ thu thập foo.cs.metathêm vàofoo.meta

Tôi cũng muốn giới thiệu Peep phần mở rộng vscode , cho phép bạn chuyển đổi ẩn trên các tệp bị loại trừ trong các dự án settings.json của bạn.

Nhấn F1vào dòng lệnh vscode (bảng lệnh), sau đó

ext install [enter] peep [enter]

Bạn có thể liên kết "extension.peepToggle" với một phím như Ctrl+ Shift+ P(giống như F1theo mặc định) để dễ dàng chuyển đổi. Nhấn Ctrl+ K Ctrl+ Scho các liên kết chính, nhập peep, chọn Peep Toggle và thêm liên kết của bạn.

Các __pycache__thư mục và *.pyctập tin là hoàn toàn không cần thiết cho các nhà phát triển. Để ẩn các tệp này khỏi chế độ xem thám hiểm, chúng ta cần chỉnh sửa settings.json cho VSCode. Thêm thư mục và các tệp như hình dưới đây:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}

Nếu bạn đang làm việc trên ứng dụng Angular 2+ và giống như tôi, bạn thích một môi trường làm việc sạch sẽ, hãy làm theo câu trả lời @ omt66 và dán thông tin bên dưới vào tệp settings.json của bạn. Tôi khuyên bạn nên làm điều này sau khi tất cả thiết lập ban đầu đã hoàn tất.

Lưu ý : Điều này sẽ thực sự ẩn thư mục .vscode (với settings.json) trong đó. (Mở trong trình khám phá tệp / trình soạn thảo văn bản gốc của bạn nếu bạn cần thực hiện thay đổi sau đó)

https://pastebin.com/X2NL6Vxb

{
    "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true
    }
}