¿Cómo oculto ciertos archivos de la barra lateral en Visual Studio Code?

Usando el Código de Visual Studio de Microsoft, ¿cómo puedo ocultar ciertos archivos y patrones de archivos para que no aparezcan en la barra lateral?

Quiero ocultar .metay .gitdiseñar archivos

Puede configurar patrones para ocultar archivos y carpetas del explorador y las búsquedas.

1. Abra VS User Settings (Menú principal:) File > Preferences > Settings. Esto abrirá la pantalla de configuración.
2. Busque files:excludeen la búsqueda en la parte superior.
3. Configure la configuración de usuario con nuevos patrones globales según sea necesario. En este caso, agregue este patrón y node_modules/luego haga clic en Aceptar. La sintaxis del patrón es poderosa. Puede encontrar detalles de coincidencia de patrones en el tema Buscar en todos los archivos .

Cuando haya terminado, debería verse así:

Si desea editar directamente el archivo de configuración: por ejemplo, para ocultar una carpeta de nivel superior node_modules en su espacio de trabajo:

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

Para ocultar todos los archivos que comienzan con archivos ._como el ._.DS_Storeque se encuentra en OSX:

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

También tiene la capacidad de cambiar la Configuración del espacio de trabajo (Menú principal:) File > Preferences > Workspace Settings. La configuración del espacio de trabajo creará un .vscode/settings.jsonarchivo en su espacio de trabajo actual y solo se aplicará a ese espacio de trabajo. La configuración del usuario se aplicará globalmente a cualquier instancia de VS Code que abra, pero no anulará la configuración del espacio de trabajo si está presente. Obtenga más información sobre la personalización de la configuración de usuario y espacio de trabajo .

A veces solo desea ocultar ciertos tipos de archivos para un proyecto específico. En ese caso, puede crear una carpeta en su carpeta de proyecto llamada .vscodey crear el settings.jsonarchivo allí, (es decir .vscode/settings.json). Todas las configuraciones dentro de ese archivo afectarán solamente su espacio de trabajo actual.

Por ejemplo, en un proyecto TypeScript, esto es lo que he usado:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

¡La extensión " Make Hidden " funciona muy bien!

Make Hidden proporciona más control sobre el directorio de su proyecto al habilitar menús contextuales que le permiten realizar acciones de ocultar / mostrar sin esfuerzo, un explorador de paneles de visualización para ver elementos ocultos y la capacidad de guardar espacios de trabajo para alternar rápidamente entre elementos ocultos a granel.

Para los .metaarchivos que usan Unity3D, el mejor patrón para ocultar es:

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

Esto captura todas las carpetas y subcarpetas, y recogerá foo.cs.metaademás defoo.meta

También me gustaría recomendar vscode extension Peep , que le permite alternar ocultar en los archivos excluidos en la configuración de sus proyectos.json.

Hit F1de línea de comandos vscode (paleta de comandos), entonces

ext install [enter] peep [enter]

Puede vincular "extension.peepToggle" a una tecla como Ctrl+ Shift+ P(igual que F1por defecto) para alternar fácilmente. Hit Ctrl+ K Ctrl+ Spara las asociaciones de teclas, introducir peep, seleccionar Activar pío y añada su unión.

La __pycache__carpeta y los *.pycarchivos son totalmente innecesarios para el desarrollador. Para ocultar estos archivos de la vista del explorador, necesitamos editar settings.json para VSCode. Agregue la carpeta y los archivos como se muestra a continuación:

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

Si está trabajando en una aplicación Angular 2+ y, como yo, le gusta un entorno de trabajo limpio, siga la respuesta @ omt66 y pegue lo siguiente en su archivo settings.json. Le recomiendo que haga esto una vez que se haya completado toda la configuración inicial.

Nota : Esto también ocultará la carpeta .vscode (con settings.json) también. (Abra en su explorador de archivos / editor de texto nativo si necesita hacer cambios después)

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

Esto puede no ser una buena respuesta, pero si primero selecciona todos los archivos a los que desea acceder presionando sobre ellos en la barra lateral, para que aparezcan en la parte superior de su pantalla, por ejemplo: script.js, index. html, style.css. Cierre todos los archivos que no necesita en la parte superior.

Cuando haya terminado con eso, presione Ctrl + B en Windows y Linux, no sé qué es en Mac.

Pero ahí lo tienes. por favor no envíes odio