Visual Studio Kodu'ndaki kenar çubuğundan belirli dosyaları nasıl gizleyebilirim?


630

Microsoft'un Visual Studio Kodunu kullanarak, belirli dosyaların ve dosya desenlerinin kenar çubuğunda görünmesini nasıl gizleyebilirim?

Dosyaları gizlemek .metave .gitstil vermek istiyorum


3
Tam olarak ihtiyacınız olan şey bu değildir, ancak en azından çalışma alanı ayarlarınıza bir "search.excludeFolders" özelliği ekleyerek belirli klasörleri aramaların dışında tutabilirsiniz. Genellikle Ctrl-Emenüden dosyalara ulaştığım için bu benim için yeterliydi .
Katana314

1
Güzel ipucu. Ayrıca dosyalara bu şekilde command+pulaşıyorum ve (yüce bir arka plandan geliyor)
Chris

1
Yan çubukta .gitignored dosyalarını otomatik olarak gizleme ile ilgili sorun: github.com/Microsoft/vscode/issues/38878
Johan Walles

Yanıtlar:


1080

Dosyaları ve klasörleri gezginden ve aramalardan gizlemek için kalıpları yapılandırabilirsiniz.

  1. VS Kullanıcı Ayarları'nı açın (Ana menü:) File > Preferences > Settings. Bu ayar ekranını açacaktır.
  2. Ara files:excludeüstündeki arama.
  3. Kullanıcı Ayarını gerektiği gibi yeni glob desenleriyle yapılandırın. Bu durumda bu kalıbı ekleyin ve node_modules/ardından Tamam'a tıklayın. Kalıp sözdizimi güçlüdür. Desen eşleme ayrıntılarını Dosyalarda Ara başlığı altında bulabilirsiniz .

İşiniz bittiğinde şöyle görünmelidir: resim açıklamasını buraya girin

Ayarlar dosyasını doğrudan düzenlemek istiyorsanız: Örneğin, çalışma alanınızdaki bir üst düzey node_modules klasörünü gizlemek için:

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

İle başlayan tüm dosyaları gizlemek için ._gibi ._.DS_StoreOSX üzerinde bulunan dosyalar:

"files.exclude": {
    "**/._*": true
}

Çalışma Alanı Ayarlarını da değiştirme olanağınız vardır (Ana menü:) File > Preferences > Workspace Settings. Çalışma alanı ayarları, .vscode/settings.jsongeçerli çalışma alanınızda bir dosya oluşturur ve yalnızca bu çalışma alanına uygulanır. Kullanıcı Ayarları, açtığınız herhangi bir VS Kodu örneğine global olarak uygulanır, ancak varsa Çalışma Alanı Ayarlarını geçersiz kılmaz. Kullanıcı ve Çalışma Alanı Ayarlarını özelleştirme hakkında daha fazla bilgi edinin .


3
Sym bağlantılarını / takma adlarını hariç tutmanın herhangi bir yolu var mı?
granmoe

4
Alt klasörlerdeki tüm node_modules'leri gizlemek için şunları kullanabilirsiniz:"**/node_modules/**": true
supNate

3
Daha sonraki VSCode sürümlerinde (Kasım 2017) Dosya> Tercihler> Ayarlar'ı kullanın ve Kullanıcı Ayarları veya Çalışma Alanı'nı seçmek için sağ üstteki açılır menüyü kullanın. Çalışma Alanını seçtiğinizde, projenizde .vscode klasörü ve settings.json oluşturulur
Drenai

1
@becko, evet, değiştirdikten sonra editörünüzü yeniden başlatmanız gerekiyor.
Johan Walles

3
Bunun etkili olması için artık VS Kodunu yeniden başlatmanız gerekmez.
MarredCheese

213

Bazen sadece belirli bir proje için belirli dosya türlerini gizlemek istersiniz. Bu durumda, proje klasörünüzde adlı bir klasör .vscodeoluşturabilir ve settings.jsondosyayı orada oluşturabilirsiniz (örn. .vscode/settings.json). Bu dosyadaki tüm ayarlar yalnızca geçerli çalışma alanınızı etkiler.

Örneğin, bir TypeScript projesinde kullandığım şey bu:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

8
VS Kodu artık Kullanıcı Ayarları ve Çalışma Alanı Ayarları arasında geçiş yapabileceğiniz Tercihler> Ayarlar'a gittiğinizde bir sekmeye sahip olduğundan dosyayı artık kendiniz manuel olarak oluşturmanız gerekmez. Dosya türlerini hariç tutma konusunda harika bir örnek - teşekkürler!
Tim Franklin

24

" Gizli Yap " uzantısı harika çalışıyor!

Gizli Yap, gizleme / gösteri eylemlerini zahmetsizce gerçekleştirmenize izin veren bağlam menüleri, gizli öğeleri görmek için bir görünüm bölmesi gezgini ve toplu gizli öğeler arasında hızlıca geçiş yapmak için çalışma alanlarını kaydetme olanağı sağlayarak projenizin dizini üzerinde daha fazla kontrol sağlar.


23

İçin .metagizleme olduğu için Unity3D kullanırken dosyaları, en iyi desen bulundu:

"files.exclude": {
  "*/**/**.meta": true
}

Bu, tüm klasörleri ve alt klasörleri yakalar ve foo.cs.metaek olarakfoo.meta


5
Python.pyc tarafından oluşturulan dosyalar için çalıştı .
Dominic Motuka

3
Çalışıyor, ancak sonra küresel arama hata ile çalışmayı durdurur:, Error parsing glob ... invalid use of **; must be one path componentolması gerekir"*/**/*.meta": true
pasevin

20

Ben vscode uzatma tavsiye etmek de benzeri olur Peep size projeleri settings.json dışlanan dosyalar üzerinde saklambaç geçiş sağlar.

Hit F1sonra, vscode komut hattı (komut palet) için

ext install [enter] peep [enter]

Kolay geçiş için "extension.peepToggle" anahtarını Ctrl+ Shift+ P( F1varsayılan olarak aynı) gibi bir anahtara bağlayabilirsiniz . Hit Ctrl+ K Ctrl+ Sanahtar bağlamaları için, girmek peep, Peep Değiştir'i seçin ve sizin bağlayıcı ekleyin.


17

__pycache__Klasör ve *.pycdosyalar geliştirici tamamen gereksizdir. Bu dosyaları explorer görünümünden gizlemek için VSCode için settings.json'u düzenlemeniz gerekir. Klasörü ve dosyaları aşağıda gösterildiği gibi ekleyin:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}

3

Angular 2+ uygulama üzerinde çalışıyorsanız ve benim gibi temiz bir çalışma ortamından hoşlanıyorsanız, @ omt66 yanıtını takip edin ve settings.json dosyanıza aşağıdakileri yapıştırın. İlk kurulum tamamlandıktan sonra bunu yapmanızı tavsiye ederim.

Not : Bu aslında .vscode klasörünü (settings.json ile) de gizler. (Daha sonra değişiklik yapmanız gerekirse yerel dosya gezgini / metin düzenleyicinizde açın)

https://pastebin.com/X2NL6Vxb

{
    "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true
    }
}

0

Bu benim için çok iyi bir yanıt olmayabilir, ancak önce erişmek istediğiniz tüm dosyaları yan çubuğa basarak seçerseniz, ekranınızın üst kısmında görünecekler, örneğin: script.js, index. html, style.css. Üstte ihtiyacınız olmayan tüm dosyaları kapatın.

Windows ve Linux'ta Ctrl + B tuşlarına bastığınızda işiniz bittiğinde Mac'te ne olduğunu bilmiyorum.

Ama işte burada. lütfen nefret göndermeyin

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.