MicrosoftのVisual Studio Codeを使用して、特定のファイルとファイルパターンをサイドバーに表示しないようにするにはどうすればよいですか?
ファイルを非表示に.meta
して.git
スタイルを設定したい
command+p
(崇高な背景からのもの)
MicrosoftのVisual Studio Codeを使用して、特定のファイルとファイルパターンをサイドバーに表示しないようにするにはどうすればよいですか?
ファイルを非表示に.meta
して.git
スタイルを設定したい
command+p
(崇高な背景からのもの)
回答:
エクスプローラーと検索からファイルとフォルダーを非表示にするパターンを構成できます。
File > Preferences > Settings
。設定画面が表示されます。files:exclude
上部の検索に。node_modules/
、[OK]をクリックします。パターン構文は強力です。パターンマッチングの詳細については、「ファイル全体で検索」トピックを参照してください。 設定ファイルを直接編集する場合:たとえば、ワークスペースの最上位のnode_modulesフォルダーを非表示にするには:
"files.exclude": {
"node_modules/": true
}
OSXにあるファイル._
などで始まるすべてのファイルを非表示にするには._.DS_Store
:
"files.exclude": {
"**/._*": true
}
ワークスペースの設定を変更することもできます(メインメニュー:)File > Preferences > Workspace Settings
。ワークスペース設定は.vscode/settings.json
、現在のワークスペースにファイルを作成し、そのワークスペースにのみ適用されます。ユーザー設定は、開いたVSコードのすべてのインスタンスにグローバルに適用されますが、ワークスペース設定が存在しても上書きされません。ユーザーとワークスペースの設定のカスタマイズに関する詳細をご覧ください。
"**/node_modules/**": true
特定のプロジェクトの特定のファイルタイプを非表示にしたい場合があります。その場合、呼び出されたプロジェクトフォルダーにフォルダー.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
}
}
「非表示にする」拡張機能がうまく機能します。
[非表示にする]は、非表示/表示アクションを簡単に実行できるコンテキストメニュー、非表示のアイテムを表示するビューペインエクスプローラー、およびワークスペースを保存して一括非表示のアイテムをすばやく切り替える機能を有効にすることで、プロジェクトのディレクトリをより詳細に制御できます。
以下の場合は.meta
Unity3Dを使用中のファイル、私は隠れるための最良のパターンがあるが見つかりました:
"files.exclude": {
"*/**/**.meta": true
}
これは、すべてのフォルダーとサブフォルダーをキャプチャしfoo.cs.meta
、さらにfoo.meta
.pyc
生成されたファイルで動作しました。
Error parsing glob ... invalid use of **; must be one path component
、でなければなりません"*/**/*.meta": true
また、プロジェクトのsettings.jsonで除外されたファイルの非表示を切り替えることができるvscode拡張Peepをお勧めします。
ヒットF1、その後、vscodeコマンドライン(コマンドパレット)のために
ext install [enter] peep [enter]
"extension.peepToggle"をCtrl+ Shift+ P(F1デフォルトと同じ)のようなキーにバインドして、簡単に切り替えることができます。ヒットCtrl+ K Ctrl+ Sキーバインディングについては、入力しpeep
、のぞき見トグルを選択してバインディングを追加します。
Angular 2+アプリケーションで作業していて、私と同じようにクリーンな作業環境が好きな場合は、@ omt66の回答に従って、以下をsettings.jsonファイルに貼り付けてください。すべての初期設定が完了したら、これを行うことをお勧めします。
注:これにより、実際に.vscodeフォルダー(settings.jsonを含む)も非表示になります。(後で変更する必要がある場合は、ネイティブファイルエクスプローラー/テキストエディターで開きます)
{
"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
}
}
Ctrl-E
メニューからファイルにアクセスするので、これで十分です。