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

631

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

Chris
fuente
3
No es exactamente lo que necesita, pero al menos puede excluir ciertas carpetas de las búsquedas agregando una propiedad "search.excludeFolders" a la configuración de su espacio de trabajo. Esto fue suficiente para mí, ya que generalmente llego a los archivos por el Ctrl-Emenú.
Katana314
1
Buen consejo. También llego a los archivos de esa manera y command+p(viniendo de un fondo sublime)
Chris
1
Problema relacionado con la ocultación automática de archivos .gitnored en la barra lateral: github.com/Microsoft/vscode/issues/38878
Johan Walles

Respuestas:

1085

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í: ingrese la descripción de la imagen aquí

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 .

Benjamin Pasero
fuente
3
¿Alguna forma de excluir enlaces / alias sym?
granmoe
44
Para ocultar todos los node_modules en subcarpetas, puede usar:"**/node_modules/**": true
supNate el
3
En las versiones posteriores de VSCode (noviembre de 2017), usa Archivo> Preferencias> Configuración y usa el menú desplegable en la parte superior derecha para seleccionar UserSettings o Workspace. Al seleccionar Workspace se creará la carpeta .vscode y settings.json en su proyecto
Drenai
1
@becko, sí, tienes que reiniciar tu editor después de cambiarlo.
Johan Walles
3
Ya no tiene que reiniciar VS Code para que esto surta efecto.
MarredCheese
213

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
    }
}
omt66
fuente
8
VS Code ahora tiene una pestaña cuando va a Preferencias> Configuración donde puede cambiar entre Configuración de usuario y Configuración del espacio de trabajo, por lo que ya no tiene que crear manualmente el archivo. Gran ejemplo de exclusión de tipos de archivos, ¡gracias!
Tim Franklin
24

¡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.

Yehuda Kremer
fuente
23

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

JerkyTreats
fuente
55
Trabajó para .pycarchivos generados por python .
Dominic Motuka
3
Funciona, pero luego la búsqueda global deja de funcionar con error: Error parsing glob ... invalid use of **; must be one path componentdebería ser"*/**/*.meta": true
pasevin 02 de
20

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.

Tony Krøger
fuente
17

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,
  ...
  ...
}
AJ
fuente
3

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
    }
}
Riaan van Zyl
fuente
0

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

Chokko2
fuente