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


631

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

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


3
Это не совсем то, что вам нужно, но вы можете по крайней мере исключить определенные папки из поиска, добавив свойство «search.excludeFolders» в настройки своего рабочего пространства. Это было достаточно для меня, так как я обычно достигаю файлов по Ctrl-Eменю.
Katana314

1
Хороший совет. Я также получаю файлы таким образом и command+p(исходя из возвышенного фона)
Крис

1
Связанная проблема с автоматическим скрытием файлов .gitignored в боковой панели: github.com/Microsoft/vscode/issues/38878
Йохан Уоллес,

Ответы:


1085

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

  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, который вы открываете, но они не будут переопределять настройки рабочего пространства, если они присутствуют. Узнайте больше о настройке параметров пользователя и рабочей области .


3
Любой способ исключить ссылки / псевдонимы sym?
granmoe

4
Чтобы скрыть все node_modules в подпапках, вы можете использовать:"**/node_modules/**": true
supNate

3
В более поздних версиях VSCode (ноябрь 2017 г.) вы используете Файл> Параметры> Настройки и в раскрывающемся меню справа вверху выберите UserSettings или Workspace. После выбора Workspace в вашем проекте будет создана папка .vscode и settings.json
Drenai

1
@becko, да, вам нужно перезапустить редактор после изменения.
Йохан Уоллес

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 теперь имеет вкладку, когда вы идете в «Настройки»> «Настройки», где вы можете переключаться между настройками пользователя и настройками рабочей области, так что вам больше не нужно вручную создавать файл. Отличный пример исключения типов файлов - спасибо!
Тим Франклин

24

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

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


23

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

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

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


5
Работал для .pycфайлов, сгенерированных Python .
Доминик Мотука

3
Это работает, но тогда глобальный поиск перестает работать с ошибкой:, Error parsing glob ... invalid use of **; must be one path componentдолжно быть"*/**/*.meta": true
pasevin

20

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

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

ext install [enter] peep [enter]

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


17

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

"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. Закройте все файлы, которые вам не нужны, вверху.

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.