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 các 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 các tệp và thư mục khỏi trình thám hiểm và tìm kiếm.

1. Mở VS Cài đặt người dùng (Menu chính: File > Preferences > Settings :). Điều này sẽ mở màn hình cài đặt.
2. Tìm kiếm files:exclude trong tìm kiếm ở đầu.
3. Định cấu hình Cài đặt người dùng với các mẫu toàn cầu mới nếu cần. Trong trường hợp này thêm mẫu này node_modules/sau đó nhấn OK. Cú pháp mẫu là mạnh mẽ. Bạn có thể tìm thấy chi tiết khớp 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ư thế này:

Nếu bạn muốn chỉnh sửa trực tiếp 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ó khả năng 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 mọi phiên bản Mã VS bạn mở, nhưng họ sẽ không ghi đè Cài đặt không gian làm việc nếu có. Đọc thêm về 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 các 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 bạn được gọi .vscodevà tạo settings.jsontệp trong đó, (tức là .vscode/settings.json). Tất cả cá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 rất tốt!

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 cho phép các menu ngữ cảnh cho phép bạn thực hiện các hành động ẩn / hiển thị dễ dàng, trình khám phá khung nhìn để xem các mục bị ẩ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 bị ẩn.

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

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

Cái này chụp tất cả các thư mục và thư mục con, và sẽ chọn foo.cs.metangoàifoo.meta

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

Nhấn F1cho 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 khóa như Ctrl+ Shift+ P(giống như F1mặc định) để dễ dàng chuyển đổi. Nhấn Ctrl+ K Ctrl+ Scho các ràng buộc 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 nhà phát triển. Để ẩn các tệp này khỏi chế độ xem thám hiểm, chúng tôi cần chỉnh sửa settings.json cho VSCode. Thêm thư mục và các tập tin như hình dưới đây:

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

Nếu bạn 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 phần 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 một khi tất cả các thiết lập ban đầu đã được hoàn thành.

Lưu ý : Điều này thực sự sẽ ẩn cả thư mục .vscode (có settings.json). (Mở trong trình duyệt tệp / trình soạn thảo văn bản gốc nếu bạn cầ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
    }
}

Đây có thể không phải là một câu trả lời hay cho tôi nhưng nếu trước tiên bạn chọn tất cả các tệp bạn muốn truy cập bằng cách nhấn vào chúng trong thanh bên, để chúng bật lên trên màn hình của bạn, ví dụ: script.js, index. html, style.css. Đóng tất cả các tệp bạn không cần ở trên cùng.

Khi bạn hoàn thành việc đó, bạn nhấn Ctrl + B trên windows và linux, tôi không biết nó là gì trên mac.

Nhưng bạn có nó. xin vui lòng gửi không ghét