Visual Studio Codeのサイドバーから特定のファイルを非表示にするにはどうすればよいですか?


630

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

ファイルを非表示に.metaして.gitスタイルを設定したい


3
これは必ずしも必要なことではありませんが、ワークスペース設定に「search.excludeFolders」プロパティを追加することで、少なくとも特定のフォルダを検索から除外できます。通常はCtrl-Eメニューからファイルにアクセスするので、これで十分です。
Katana314

1
いいヒント。私もその方法でファイルにアクセスしますcommand+p(崇高な背景からのもの)
Chris

1
サイドバーでの.gitignoredファイルの自動非表示に関する関連問題:github.com/Microsoft/vscode/issues/38878
Johan Walles '27

回答:


1080

エクスプローラーと検索からファイルとフォルダーを非表示にするパターンを構成できます。

  1. VSユーザー設定を開きます(メインメニュー:)File > Preferences > Settings。設定画面が表示されます。
  2. 検索files:exclude上部の検索に。
  3. 必要に応じて、新しいグロブパターンでユーザー設定を構成します。この場合、このパターンを追加してnode_modules/、[OK]をクリックします。パターン構文は強力です。パターンマッチングの詳細については、「ファイル全体で検索」トピックを参照してください。

完了すると、次のようになります。 ここに画像の説明を入力してください

設定ファイルを直接編集する場合:たとえば、ワークスペースの最上位のnode_modulesフォルダーを非表示にするには:

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

OSXにあるファイル._などで始まるすべてのファイルを非表示にするには._.DS_Store

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

ワークスペースの設定を変更することもできます(メインメニュー:)File > Preferences > Workspace Settings。ワークスペース設定は.vscode/settings.json、現在のワークスペースにファイルを作成し、そのワークスペースにのみ適用されます。ユーザー設定は、開いたVSコードのすべてのインスタンスにグローバルに適用されますが、ワークスペース設定が存在しても上書きされません。ユーザーとワークスペースの設定のカスタマイズに関する詳細をご覧ください。


3
シンボリックリンク/エイリアスを除外する方法はありますか?
granmoe 16

4
サブフォルダ内のすべてのnode_modulesを非表示にするには、あなたが使用することができます:"**/node_modules/**": true
supNate

3
新しいVSCodeバージョン(2017年11月)では、[ファイル]> [設定]> [設定]を使用し、右上のドロップダウンを使用して[UserSettings]または[ワークスペース]を選択します。ワークスペースを選択すると、プロジェクトに.vscodeフォルダーとsettings.jsonが作成されます
Drenai

1
@becko、はい、変更後にエディターを再起動する必要があります。
Johan Walles

3
これを有効にするためにVS Codeを再起動する必要はありません。
MarredCheese

213

特定のプロジェクトの特定のファイルタイプを非表示にしたい場合があります。その場合、呼び出されたプロジェクトフォルダーにフォルダー.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
    }
}

8
ユーザー設定とワークスペース設定を切り替えることができる[設定]> [設定]に移動すると、VS Codeにタブが追加され、手動でファイルを作成する必要がなくなりました。ファイルタイプの除外の良い例-ありがとう!
Tim Franklin

24

非表示にする」拡張機能がうまく機能します。

[非表示にする]は、非表示/表示アクションを簡単に実行できるコンテキストメニュー、非表示のアイテムを表示するビューペインエクスプローラー、およびワークスペースを保存して一括非表示のアイテムをすばやく切り替える機能を有効にすることで、プロジェクトのディレクトリをより詳細に制御できます。


23

以下の場合は.metaUnity3Dを使用中のファイル、私は隠れるための最良のパターンがあるが見つかりました:

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

これは、すべてのフォルダーとサブフォルダーをキャプチャしfoo.cs.meta、さらにfoo.meta


5
pythonで.pyc生成されたファイルで動作しました。
ドミニクモトゥカ2017

3
それは動作しますが、その後、世界的な検索がエラーで働いて停止しますError parsing glob ... invalid use of **; must be one path component、でなければなりません"*/**/*.meta": true
pasevin

20

また、プロジェクトのsettings.jsonで除外されたファイルの非表示を切り替えることができるvscode拡張Peepをお勧めします。

ヒットF1、その後、vscodeコマンドライン(コマンドパレット)のために

ext install [enter] peep [enter]

"extension.peepToggle"をCtrl+ Shift+ PF1デフォルトと同じ)のようなキーにバインドして、簡単に切り替えることができます。ヒットCtrl+ K Ctrl+ Sキーバインディングについては、入力しpeep、のぞき見トグルを選択してバインディングを追加します。


17

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

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

3

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

0

これは私にとってそれほど良い答えではないかもしれませんが、サイドバーでファイルを押してアクセスするすべてのファイルを最初に選択すると、それらは画面の上部にポップアップ表示されます(例:script.js、index)。 html、style.css。上部で不要なファイルをすべて閉じます。

それが終わったら、WindowsとLinuxでCtrl + Bを押しますが、Macでそれが何であるかわかりません。

しかし、あなたはそれを持っています。憎しみを送らないでください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.