Visual Studio Kodunda .js.map dosyalarını gizle

Visual Studio kodu bir daktilo projesi üzerinde çalışıyorum ve .js.map(ve belki de .js) dosyaları dosya gezgini görünmesini gizlemek istiyorum .

Yalnızca .tsdosya gezgini içindeki dosyaları görüntülemek mümkün müdür ?

Ayarlarınızda (kullanıcı veya çalışma alanı) istediğiniz herhangi bir şeyi gizlemek için ayarlayabileceğiniz bir ayar vardır:

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    }
}

Böylece gizlemek .jsve .js.mapdosya eklemek için aşağıdakileri ekleyebilirsiniz

"**/*.js": true,
"**/*.js.map": true

Gibi bu diğer cevap açıklıyor , çoğu insan muhtemelen sadece gizlemek istediğiniz .jsbir eşleştirme olduğunda dosyaları .tsdosyası.

Yani yapmak yerine:

"**/*.js": true

şunları yapmak isteyebilirsiniz:

"**/*.js": {"when": "$(basename).ts"}

Bunu buldum, standart JS dosyalarınız varsa, bunlar da her zaman istediğiniz şey olmayabilir. Belki de sadece TS dosyalarıyla eşleşen JS dosyalarını gizlediği için bu daha iyidir ...

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js.map": true,
        "**/*.js": {"when": "$(basename).ts"}
    }
}

Gerçekten nasıl uygulandığını bilmiyorum ama .jsdosyaları gizlemek için çalışır:

"**/*.js": {"when": "$(basename).ts"}

.js.mapDosyaları gizlemek için çalışır:

"**/*.js.map": {"when": "$(basename)"}

TypeScript ile çalışırken, genellikle oluşturulan JavaScript dosyalarını gezginde veya arama sonuçlarında görmek istemezsiniz. VS Code, bir files.excludeayarla ( Dosya> Tercihler> Çalışma Alanı Ayarları) filtreleme özellikleri sunar ve bu tür dosyaları gizlemek için kolayca bir ifade oluşturabilirsiniz:

"**/*.js": { "when": "$(basename).ts"}

Benzer şekilde oluşturulan .mapdosyaları şu şekilde gizle :

 "**/*.js.map": { "when": "$(basename)"}

Yani aşağıdaki gibi bir yapılandırmaya sahip olacaksınız:

settings.json

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*.js.map": { "when": "$(basename)"}
    }
}

Bağlantı: https://code.visualstudio.com/docs/languages/typescript#_hiding-derived-javascript-files

John Papa Twitter LINK şunları kullanıyor:

"files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js" : {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }
}

Gönderen resmi doc :

.ts ve .tsx kaynak dosyalarından oluşturulan JavaScript dosyalarını hariç tutmak için şu ifadeyi kullanın:

"**/*.js": { "when": "$(basename).ts" },
"**/**.js": { "when": "$(basename).tsx" }

Bu biraz hile. Arama glob kalıbı bir anahtar olarak kullanılır. Yukarıdaki ayarlar, iki benzersiz anahtar sağlamak için iki farklı glob deseni kullanır, ancak arama yine de aynı dosyalarla eşleşir.

GÜNCELLEME 10/3/2017: bu hile ile "klasörde ara" ile ilgili bir sorunumuz var. Lütfen soruna bakın

1. Tercihler> ayarlara gidin

2. "Edit on settings.json" ı tıklayın (Görüntünün altındadır)

3. Görüntüde gördüğünüz gibi json nesnesini güncelleyin. Sonra değişikliklerinizi kaydedin Ctrl + Sve hepsi bu.

"files.exclude": {
    "**/*.js": {"when": "$(basename).ts"}
}

Bu ayarları .vscode klasörünüzdeki settings.json dosyasına ekleyin

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude" :{
    "**/.git":true,
    "**/.DS_Store":true,
    "**/*.map":true,
    "**/app/**/*.js":true

    }
}

Settings.json mevcut değilse Dosya ---> Tercihler -> Çalışma Alanı Ayarları'na tıklayın.

"Varsayılan Ayarlar" ı geçersiz kılmak için lütfen "Kullanıcı Ayarları" paneline aşağıdaki satırları ekleyin. {Basename} .ts olarak dosya oluştururken {basename} .js ve {basename} .js.map dosyalarını gizleyebilirsiniz.

"files.exclude": {
        "**/*.js": {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }        
    }

Belki de postu daha iyidir .mapve .jsonların tekabül maç dosyaların .tsdosya.
Bunu VS Kullanıcı Ayarları'na (Tercihler> Kullanıcı Ayarları) aşağıdaki satırları kopyalayarak yapabilirsiniz:

// Workspace settings
"files.exclude": {
        "**/*.js":  {"when": "$(basename).ts"},
        "**/*.map": true
 }

VS Kodunda Kod (veya Windows kullanıcıları için Dosya)> Tercihler> Çalışma Alanı Ayarları'na gidin ve bu kod snippet'ini ekleyin:

{
   "files.exclude": {
      "**/*.js": {"when": "$(basename).ts"},
      "**/*.map": {"when": "$(basename).map"}
   }
}

İki farklı koşula dayanan bir dosya küresini hariç tutmak için hala resmi bir çözüm yoktur. Bu konuya bakın .

Yine de , aynı dosyaları hedefleyen iki farklı glob kalıbı tanımlamak için bir geçici çözüm vardır :

{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*?.js": { "when": "$(basename).tsx"}
    }
}