web-dev-qa-db-ja.com

Visual Studioのコードでサイドバーから特定のファイルを隠すにはどうすればよいですか？

MicrosoftのVisual Studioコードを使用して、特定のファイルやファイルパターンをサイドバーに表示しないようにするにはどうすればよいですか。

.metaと.gitスタイルのファイルを隠したい

visual-studio-codevscode-settings
458
Chris

エクスプローラや検索からファイルやフォルダを隠すようにパターンを設定できます。

  1. VSユーザー設定を開きます（メインメニュー：ファイル>設定>設定）。設定画面が開きます。
  2. ファイルの検索：上部の検索から除外します。
  3. 必要に応じて、新しいglobパターンを使用してユーザー設定を構成します。この場合、このパターンnode_modules/を追加してからOKをクリックします。 パターンの構文は強力です。パターンマッチングの詳細は、 ファイルをまたがって検索トピック の下にあります。

あなたが終わったとき、それはこのような何かに見えるはずです： enter image description here

設定ファイルを直接編集したい場合：たとえば、ワークスペースの最上位のnode_modulesフォルダを隠すには、

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

OS_にある._。DS_Storeファイルなど、._で始まるファイルをすべて隠すには、次のようにします。

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

ワークスペース設定を変更することもできます（メインメニュー：ファイル>設定>ワークスペース設定）。ワークスペース設定は、現在のワークスペースに.vscode/settings.jsonファイルを作成し、そのワークスペースにのみ適用されます。ユーザー設定は、開いたVSコードのインスタンスにグローバルに適用されますが、ワークスペース設定が存在する場合は上書きされません。 ユーザーとワークスペースの設定のカスタマイズについてもっと読む 。

824
Benjamin Pasero

特定のプロジェクトの特定の種類のファイルを隠したい場合があります。その場合は、プロジェクトフォルダ内に.vscodeという名前のフォルダを作成し、その中にsettings.jsonファイルを作成できます（つまり.vscode/settings.json）。そのファイル内のすべての設定は、現在のワークスペースにのみ影響します。

たとえば、TypeScriptプロジェクトでは、これが私が使用したものです。

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

Unity3Dを使用しているときの.metaファイルの場合、非表示にするための最良のパターンは次のとおりです。

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

これはすべてのフォルダとサブフォルダをキャプチャし、foo.cs.metaに加えてfoo.metaを拾います。

19
JerkyTreats

" Make Hidden "拡張はとてもうまくいきます！

非表示にすると、非表示/表示操作を簡単に実行できるコンテキストメニュー、非表示項目を表示するビューペインエクスプローラ、および一括非表示項目間をすばやく切り替えることができるワークスペースを保存する機能を使用できます。

16
Yehuda Kremer

私はまたあなたがあなたのプロジェクトsettings.jsonの中で除外されたファイルを隠すことを可能にするvscode拡張子 Peep を推薦したいです。

Vscodeコマンドライン（コマンドパレット）でF1キーを押してから、

ext install [enter] peep [enter]

簡単に切り替えるために、 "extension.peepToggle"をCtrl + Shift + P（デフォルトではF1と同じ）のようなキーにバインドすることができます。キーバインドをするにはCtrl + K Ctrl + Sを押し、peepと入力してPeep Toggleを選択してバインドを追加します。

16
Tony Krøger

__pycache__フォルダと*.pycファイルは開発者にとって全く不要です。エクスプローラビューからこれらのファイルを隠すには、VSCodeのsettings.jsonを編集する必要があります。以下のようにフォルダとファイルを追加します。

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

Angular 2+ アプリケーションで作業していて、私のようにきれいな作業環境が好きな場合は、@ omt66の回答に従って、以下をsettings.jsonファイルに貼り付けてください。すべての初期設定が完了したら、これを実行することをお勧めします。

注 ：これは実際に.vscodeフォルダ（settings.jsonを含む）も隠します。 （後で変更する必要がある場合は、ネイティブのファイルエクスプローラ/テキストエディタで開きます）

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
    }
}
1
Riaan van Zyl