Làm cách nào tôi có thể loại trừ một thư mục khỏi tab Visual Studio Code Khám phá trực tuyến?

Tôi đang cố gắng loại trừ một số thư mục trên tab "Khám phá" trong Visual Studio Code. Để làm điều đó, tôi đã thêm một jsconfig.json vào thư mục gốc của dự án:

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

Nhưng thư mục "node_modules" vẫn hiển thị trong cây thư mục. Tôi đang làm gì sai? Có sự lựa chọn nào khác không?

Sử dụng files.exclude :

• Chuyển đến Tệp -> Tùy chọn -> Cài đặt (hoặc trên Mã Mac -> Tùy chọn -> Cài đặt )
• Chọn workspace settings tab

• Thêm mã này vào settings.jsontệp được hiển thị ở phía bên phải:

  // Place your settings in this file to overwrite default and user settings.
  
  {
      "settings": {
          "files.exclude": {
              "**/.git": true,         // this is a default value
              "**/.DS_Store": true,    // this is a default value
  
              "**/node_modules": true, // this excludes all folders 
                                      // named "node_modules" from 
                                      // the explore tree
  
              // alternative version
              "node_modules": true    // this excludes the folder 
                                      // only from the root of
                                      // your workspace 
          }
      }
  }
  

Nếu bạn chọn Tệp -> Tùy chọn -> Cài đặt người dùng thì bạn định cấu hình các thư mục loại trừ trên toàn cầu cho người dùng hiện tại của bạn.

Trong các phiên bản mới hơn của Mã VS, bạn điều hướng đến cài đặt ( Ctrl+ ,) và đảm bảo chọn Cài đặt không gian làm việc ở trên cùng bên phải.

Sau đó thêm một files.excludetùy chọn để chỉ định các mẫu để loại trừ.

Bạn cũng có thể thêm search.excludenếu bạn chỉ muốn loại trừ một tệp khỏi kết quả tìm kiếm chứ không phải từ trình thám hiểm thư mục.

tl; dr

1. Nhấn Ctrl+ Shift+ Phoặc Command+ Shift+ Ptrên mac
2. Nhập "Cài đặt không gian làm việc".
3. Thay đổi loại trừ cài đặt thông qua GUI hoặc trong settings.json:

Cách GUI

1. Nhập "loại trừ" vào thanh tìm kiếm.
2. Nhấp vào nút "Thêm mẫu".

Cách mã

1. Nhấp vào {}biểu tượng nhỏ ở góc trên cùng bên phải để mở settings.json:

2. Thêm các thư mục loại trừ vào files.exclude. Ngoài ra hãy kiểm tra search.excludevà files.watcherExcludevì chúng có thể hữu ích quá. Đoạn mã này chứa các giải thích và mặc định của họ:

   {
     // Configure glob patterns for excluding files and folders. 
     // For example, the files explorer decides which files and folders to show 
     // or hide based on this setting. 
     // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
     "files.exclude": {
       "**/.git": true,
       "**/.svn": true,
       "**/.hg": true,
       "**/CVS": true,
       "**/.DS_Store": true
     },
     // Configure glob patterns for excluding files and folders in searches. 
     // Inherits all glob patterns from the `files.exclude` setting.   
     // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
     "search.exclude": {
       "**/node_modules": true,
       "**/bower_components": true
     },
     // Configure glob patterns of file paths to exclude from file watching. 
     // Patterns must match on absolute paths 
     // (i.e. prefix with ** or the full path to match properly). 
     // Changing this setting requires a restart. 
     // When you experience Code consuming lots of cpu time on startup, 
     // you can exclude large folders to reduce the initial load.
     "files.watcherExclude": {
       "**/.git/objects/**": true,
       "**/.git/subtree-cache/**": true,
       "**/node_modules/*/**": true
     }
   }

Để biết thêm chi tiết về các cài đặt khác, xem tài liệu tham khảo chính thứcsettings.json .

Trong phiên bản 1.28 của Visual Studio Code "files.exclude"phải được đặt trong một settingsnút.

Kết quả là một tệp không gian làm việc trông giống như:

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

Trong các phiên bản mới hơn của VSCode, việc này được chuyển sang khối cấu hình dành riêng cho thư mục.

• Chuyển đến Tệp -> Tùy chọn -> Cài đặt (hoặc trên Mã Mac -> Tùy chọn -> Cài đặt)
• Chọn tab Cài đặt thư mục

Sau đó, thêm một khối "files.exclude", liệt kê các thư mục mà bạn muốn loại trừ:

{
    "files.exclude": {
        "**/bin": true,
        "**/obj": true
    },
}

Có Explorer này loại trừ phần mở rộng chính xác làm điều này. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Nó thêm một tùy chọn để ẩn thư mục / tập tin hiện tại vào menu chuột phải. Nó cũng thêm một tab dọc Các mục ẩn vào menu explorer nơi bạn có thể thấy các tệp và thư mục hiện đang ẩn và có thể chuyển đổi chúng dễ dàng.

Tôi đã quản lý để loại bỏ các lỗi bằng cách vô hiệu hóa các xác nhận:

{
    "javascript.validate.enable": false,
    "html.validate.styles": false,
    "html.validate.scripts": false,
    "css.validate": false,
    "scss.validate": false
}

Quan sát: Dự án của tôi là PWA sử dụng StyledComponents, React, Flow, Eslint và Prettier.