Bagaimana saya bisa mengecualikan direktori dari tab "Jelajahi" Kode Visual Studio?

Saya mencoba untuk mengecualikan beberapa folder pada tab "Jelajahi" di Visual Studio Code. Untuk melakukan itu, saya telah menambahkan jsconfig.json berikut ke root proyek saya:

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

Tetapi folder "node_modules" masih terlihat di pohon direktori. Apa yang saya lakukan salah? Apakah ada opsi lain?

Gunakan files.exclude :

• Buka File -> Preferensi -> Pengaturan (atau pada Kode Mac -> Preferensi -> Pengaturan )
• Pilih workspace settingstabnya

• Tambahkan kode ini ke settings.jsonfile yang ditampilkan di sisi kanan:

  // 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 
          }
      }
  }
  

Jika Anda memilih File -> Preferences -> Pengaturan Pengguna maka Anda mengkonfigurasi folder kecualikan secara global untuk pengguna Anda saat ini.

Dalam versi yang lebih baru dari VS Code, Anda menavigasi ke pengaturan ( Ctrl+ ,), dan pastikan untuk memilih Pengaturan Workspace di kanan atas.

Kemudian tambahkan files.excludeopsi untuk menentukan pola untuk dikecualikan.

Anda juga dapat menambahkan search.excludejika Anda hanya ingin mengecualikan file dari hasil pencarian, dan bukan dari folder explorer.

tl; dr

1. Tekan Ctrl+ Shift+ Patau Command+ Shift+ Pdi mac
2. Ketik "Pengaturan ruang kerja".
3. Ubah pengaturan kecualikan baik melalui GUI atau di settings.json:

Cara GUI

1. Ketik "kecualikan" ke bilah pencarian.
2. Klik tombol "Tambah Pola".

Cara kode

1. Klik pada {}ikon kecil di sudut kanan atas untuk membuka settings.json:

2. Tambahkan folder yang dikecualikan ke files.exclude. Lihat juga search.excludedan files.watcherExcludekarena mereka mungkin berguna juga. Cuplikan ini berisi penjelasan dan standarnya:

   {
     // 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
     }
   }

Untuk detail lebih lanjut tentang pengaturan lain, lihat referensi resmisettings.json .

Dalam versi 1.28 dari Visual Studio Code "files.exclude"harus ditempatkan dalam sebuah settingsnode.

Menghasilkan file ruang kerja yang terlihat seperti:

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

Dalam versi yang lebih baru dari VSCode, ini dipindahkan ke blok konfigurasi khusus folder.

• Buka File -> Preferensi -> Pengaturan (atau pada Kode Mac -> Preferensi -> Pengaturan)
• Pilih tab Pengaturan Folder

Kemudian tambahkan blok "files.exclude", daftarkan daftar direktori yang ingin Anda kecualikan:

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

Ada ekstensi Explorer Kecualikan ini yang melakukan ini. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Ini menambahkan opsi untuk menyembunyikan folder / file saat ini ke menu klik kanan. Itu juga menambahkan tab vertikal Item Tersembunyi ke menu penjelajah di mana Anda dapat melihat file & folder tersembunyi saat ini dan dapat beralih dengan mudah.

Saya berhasil menghapus kesalahan dengan menonaktifkan validasi:

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

Obs: Proyek saya adalah PWA menggunakan StyledComponents, React, Flow, Eslint, dan Prettier.