visual-studio-code - visual - vs code user setup

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

Question

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 archivos de estilo .meta y .git

Answer 1

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

Answer 2

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 .vscode y crear el archivo settings.json 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
    }
}

Answer 3

La carpeta __pycache__ y los *.pyc 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,
  ...
  ...
}

Answer 4

Para archivos .meta mientras uso Unity3D, encontré que el mejor patrón para esconderse es:

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

Esto captura todas las carpetas y subcarpetas, y recogerá foo.cs.meta además de foo.meta

Answer 5

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

1. Abra la Configuración de usuario VS (Menú principal: Archivo> Preferencias> Configuración). Esto abrirá la pantalla de configuración.
2. Buscar archivos: excluir en 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 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 node_modules de nivel superior en su espacio de trabajo:

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

Para ocultar todos los archivos que comienzan con ._ como ._. DS_Store archivos encontrados en OSX:

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

También tiene la capacidad de cambiar la Configuración del espacio de trabajo (Menú principal: Archivo> Preferencias> Configuración del espacio de trabajo). La configuración del espacio de trabajo creará un archivo .vscode/settings.json 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 .

Answer 6

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

Answer 7

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.

Presione F1 para la línea de comando vscode (paleta de comandos), luego

ext install [enter] peep [enter]

Puede vincular "extension.peepToggle" a una tecla como Ctrl + Shift + P (igual que F1 por defecto) para alternar fácilmente. Presione Ctrl + K Ctrl + S para las combinaciones de teclas, ingrese peep , seleccione Peep Toggle y agregue su enlace.