Bir dizini Visual Studio Code “Explore” sekmesinden nasıl hariç tutabilirim?

Visual Studio Code "Keşfet" sekmesinde birkaç klasörü hariç tutmaya çalışıyorum. Bunu yapmak için projemin kök dizinine aşağıdaki jsconfig.json ekledim:

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

Ancak "node_modules" klasörü dizin ağacında görünmeye devam eder. Neyi yanlış yapıyorum? Başka seçenek var mı?

Files.exclude komutunu kullanın :

• Git Dosya -> Tercihler -> Ayarlar (ya da Mac üzerinde Kanunu -> Tercihler -> Ayarlar )
• Seçin workspace settings sekmesini

• Bu kodu settings.jsonsağ tarafta görüntülenen dosyaya ekleyin :

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

Seçtiyseniz Dosya -> Tercihler -> Kullanıcı Ayarları o zaman geçerli kullanıcı için genel klasörleri hariç yapılandırın.

VS Kodunun daha yeni sürümlerinde, ayarlara ( Ctrl+ ,) gidin ve sağ üstte Çalışma Alanı Ayarları'nı seçtiğinizden emin olun .

Sonra bir files.exclude hariç tutulacak kalıpları belirtmek seçenek .

search.excludeKlasör gezgininden değil, yalnızca bir dosyayı arama sonuçlarından hariç tutmak istiyorsanız da ekleyebilirsiniz .

tl; Dr.

1. Mac'te Ctrl+ Shift+ Pveya Command+ Shift+ tuşlarına basınP
2. "Çalışma alanı ayarları" yazın.
3. Hariç tutma ayarlarını GUI üzerinden veya içinde değiştirin settings.json:

GUI yolu

1. Arama çubuğuna "hariç tut" yazın.
2. "Desen Ekle" düğmesini tıklayın.

Kod yolu

1. {}Açmak için sağ üst köşedeki küçük simgeye tıklayın settings.json:

2. İçin hariç tutulan klasörler ekleyin files.exclude. Ayrıca göz atın search.excludeve files.watcherExcludeonlar da yararlı olabilir. Bu snippet, açıklamalarını ve varsayılanlarını içerir:

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

Diğer ayarlarla ilgili daha fazla ayrıntı için resmi settings.jsonreferansa bakın .

Visual Studio Code'un 1.28 sürümünde "files.exclude"bir settingsdüğüm içine yerleştirilmelidir .

Sonuç olarak aşağıdaki gibi bir çalışma alanı dosyası ortaya çıkar:

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

VSCode'un daha yeni sürümlerinde bu, klasöre özgü bir yapılandırma bloğuna taşındı.

• Dosya -> Tercihler -> Ayarlar'a gidin (veya Mac Kodunda -> Tercihler -> Ayarlar'da)
• Seçim Klasör Ayarları sekmesine

Ardından, hariç tutmak istediğiniz dizin klasörlerini listeleyen bir "files.exclude" bloğu ekleyin:

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

Tam olarak bunu yapan bu Explorer Hariç Tutma uzantısı var. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Geçerli klasörü / dosyayı sağ tıklama menüsüne gizleme seçeneği ekler. Ayrıca , gizli dosyaları ve klasörleri görebileceğiniz ve kolayca değiştirebileceğiniz dikey bir Gizli Öğeleri gezgini menüsüne ekler .

Doğrulamaları devre dışı bırakarak hataları kaldırmayı başardım:

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

Obs: Projem StyledComponents, React, Flow, Eslint ve Prettier kullanan bir PWA.