¿Cómo oculto ciertos archivos de la barra lateral en Visual Studio Code?
En código de Visual Studio , ¿qué configuración se puede configurar, utilizando patrones de archivos, para ocultar archivos de la vista en el explorador de archivos de la barra lateral?
Me gustaría ocultar ciertos grupos de archivos, como .meta
y .git
archivos.
Puede configurar patrones para ocultar archivos y carpetas del explorador y las búsquedas.
- Abra Configuración de usuario de VS (Menú principal:)
File > Preferences > Settings
. Esto abrirá la pantalla de configuración. - Busque
files:exclude
en la búsqueda en la parte superior. - Configure la configuración de usuario con nuevos patrones globales según sea necesario. En este caso, agregue este patrón
node_modules/
y luego haga clic en Aceptar. La sintaxis del patrón es poderosa. Puede encontrar detalles de coincidencia de patrones en el tema Buscar entre 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
los archivos que se encuentran 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 de 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. Lea más sobre cómo personalizar la configuración del usuario y del espacio de trabajo .
A veces sólo deseas 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 crear el settings.json
archivo allí (es decir, .vscode/settings.json
). Todas las configuraciones dentro de ese archivo afectarán únicamente a 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 vista para ver elementos ocultos y la capacidad de guardar espacios de trabajo para alternar rápidamente entre elementos ocultos en masa.
La __pycache__
carpeta y *.pyc
los archivos son totalmente innecesarios para el desarrollador. Para ocultar estos archivos de la vista del explorador, necesitamos editar el archivo settings.json para VSCode. Agregue la carpeta y los archivos como se muestra a continuación:
"files.exclude": {
...
...
"**/*.pyc": {"when": "$(basename).py"},
"**/__pycache__": true,
...
...
}
También me gustaría recomendar la extensión vscode Peep , que le permite alternar ocultar los archivos excluidos en la configuración de su proyecto.json.
Presione F1para 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 F1la predeterminada) para alternar fácilmente. Presione Ctrl+ K Ctrl+ Spara ver las combinaciones de teclas, ingrese peep
, seleccione Peep Toggle y agregue su enlace.