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

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

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

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

Çözüm

files.exclude](https://code.visualstudio.com/Docs/customization/userandworkspace) kullanın:

  • Dosya -> Tercihler -> Ayarlar bölümüne gidin (veya Mac'te Kod -> Tercihler -> Ayarlar**)

  • Çalışma alanı ayarları sekmesini seçin

  • Bu kodu sağ tarafta görüntülenen settings.json dosyasına ekleyin:

     // Varsayılan ve kullanıcı ayarlarının üzerine yazmak için ayarlarınızı bu dosyaya yerleştirin.
    
     {
         "files.exclude": {
             "**/.git": true, // bu varsayılan bir değerdir
             "**/.DS_Store": true, // bu varsayılan bir değerdir
    
             "**/node_modules": true, // bu tüm klasörleri hariç tutar
                                      // named "node_modules" from
                                      // keşif ağacı
    
             // alternatif versiyon
             "node_modules": true // bu klasörü hariç tutar
                                     // sadece kökten
                                     // çalışma alanınız
         }
     }

Eğer Dosya -> Tercihler -> Kullanıcı Ayarları seçeneğini seçtiyseniz, mevcut kullanıcınız için klasörleri hariç tutma özelliğini global olarak yapılandırırsınız.

Yorumlar (9)

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

Ardından, hariç tutulacak kalıpları belirtmek için bir files.exclude seçeneği ekleyin.

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

Yorumlar (3)

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.

Yorumlar (1)