Як приховати певні файли з бічної панелі в коді Visual Studio?

Як використовувати Visual Studio Code від Microsoft, як приховати певні файли та шаблони файлів від появи на бічній панелі?

Я хочу приховати .metaта .gitстворити файли стилів

Ви можете налаштувати шаблони, щоб приховати файли та папки від провідника та пошуку.

1. Відкрийте Налаштування користувача VS (Головне меню:) File > Preferences > Settings. Це відкриє екран налаштування.
2. Шукайте files:excludeв пошуку вгорі.
3. Налаштуйте Налаштування користувача за допомогою нових шаблонів глобусів. У цьому випадку додайте цю схему node_modules/та натисніть кнопку ОК. Синтаксис візерунка є потужним. Деталі відповідності шаблонів можна знайти в темі "Пошук по файлах" .

Коли ви закінчите, це має виглядати приблизно так:

Якщо ви хочете безпосередньо відредагувати файл налаштувань: Наприклад, приховати папку 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 " чудово працює!

Зробити прихований забезпечує більший контроль над каталогом вашого проекту, ввімкнувши контекстні меню, які дозволяють без особливих зусиль виконувати дії приховування / показу, провідник панелі перегляду бачить приховані елементи та можливість збереження робочих просторів для швидкого перемикання між масовими прихованими елементами.

Для .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.

Але там у вас є. будь ласка, не надсилайте ненависті