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

Solución:

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

1. Abra la configuración de usuario de VS (menú principal: File > Preferences > Settings). Esto abrirá la pantalla de configuración.
2. Buscar files:exclude 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 ._ tal como ._.DS_Store archivos encontrados en OSX:

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

También tiene la posibilidad 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.json archivo 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 cómo personalizar 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 la carpeta de su proyecto llamada .vscode y crea el settings.json archivar allí, (es decir .vscode/settings.json). Todas las configuraciones dentro de ese archivo afectarán solo su espacio de trabajo actual.

Por ejemplo, en un proyecto de 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 panel de visualización para ver elementos ocultos y la capacidad de guardar espacios de trabajo para alternar rápidamente entre elementos ocultos masivos.

---

---

Utiliza Nuestro Buscador