Как скрыть определенные файлы из боковой панели в коде Visual Studio?

Как скрыть определенные файлы и шаблоны файлов с помощью кода Microsoft Visual Studio на боковой панели?

Я хочу скрыть .metaи .gitстилизовать файлы

Вы можете настроить шаблоны для скрытия файлов и папок из проводника и поиска.

1. Откройте Настройки пользователя VS (Главное меню:) File > Preferences > Settings. Откроется экран настроек.
2. Искать files:excludeв поиске вверху.
3. Сконфигурируйте пользовательские настройки с новыми шаблонами глобуса по мере необходимости. В этом случае добавьте этот шаблон, node_modules/затем нажмите OK. Синтаксис шаблона является мощным. Вы можете найти информацию о соответствии шаблонов в разделе « Поиск по файлам» .

Когда вы закончите, это должно выглядеть примерно так:

Если вы хотите напрямую отредактировать файл настроек: Например, чтобы скрыть папку node_modules верхнего уровня в вашей рабочей области:

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

Чтобы скрыть все файлы, которые начинаются с, ._такие как ._.DS_Storeфайлы, найденные в OSX:

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

У вас также есть возможность изменить настройки рабочего пространства (Главное меню:) File > Preferences > Workspace Settings. Настройки рабочего пространства создадут .vscode/settings.jsonфайл в вашем текущем рабочем пространстве и будут применены только к этому рабочему пространству. Пользовательские настройки будут применены глобально к любому экземпляру кода VS, который вы открываете, но они не будут переопределять настройки рабочего пространства, если они присутствуют. Узнайте больше о настройке параметров пользователя и рабочей области .

Иногда вы просто хотите скрыть определенные типы файлов для конкретного проекта. В этом случае вы можете создать папку в папке вашего проекта с именем .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
    }
}

Расширение " Make Hidden " прекрасно работает!

Make Hidden обеспечивает больший контроль над каталогом вашего проекта, предоставляя контекстные меню, которые позволяют без особых усилий выполнять действия по скрытию / отображению, проводник панели просмотра для просмотра скрытых элементов и возможность сохранять рабочие пространства для быстрого переключения между большими скрытыми элементами.

Для .metaфайлов при использовании Unity3D я обнаружил, что лучший шаблон для сокрытия:

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

Это захватывает все папки и подпапки, и будет забирать foo.cs.metaв дополнение кfoo.meta

Я также хотел бы рекомендовать расширение vscode Peep , который позволяет переключать шкурку на исключенных файлов в вашем settings.json проектов.

Нажмите F1для командной строки vscode (палитра команд), затем

ext install [enter] peep [enter]

Вы можете привязать "extension.peepToggle" к клавише, подобной Ctrl+ Shift+ P(так же, как F1по умолчанию), для удобного переключения. Нажмите Ctrl+ K Ctrl+ Sдля привязки клавиш, введите peep, выберите Peep Toggle и добавьте привязку.

__pycache__Папки и *.pycфайлы совершенно не нужны разработчику. Чтобы скрыть эти файлы из представления проводника, нам нужно отредактировать файл settings.json для VSCode. Добавьте папку и файлы, как показано ниже:

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

Если вы работаете над приложением 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
    }
}

Возможно, это не очень хороший ответ, но если вы сначала выберите все файлы, к которым вы хотите получить доступ, нажав на них на боковой панели, чтобы они всплыли в верхней части экрана, например: script.js, index. HTML, style.css. Закройте все файлы, которые вам не нужны, вверху.

Когда вы закончите с этим, вы нажимаете Ctrl + B на Windows и Linux, я не знаю, что это на Mac.

Но у вас есть это. пожалуйста, не присылайте ненависть