⦻ GitIgnore Visual: Visual Indicators for Ignored Files in VS Code ✨

⦻ Visual GitIgnore: Indicadores visuales para archivos ignorados en VS Code ✨

Mientras trabajaba con VS Code a menudo me preguntaba qué archivos o carpetas ignoraba .gitignore. Aunque Git los oculta del control de versiones, permanecen visibles en el explorador, por lo que, busqué una extensión de VS Code que ofreciera un indicador visual simple e inmediato de los archivos ignorados, pero no pude encontrar ninguna similar.

Por lo que creé una extensión de VS Code: GitIgnore Visual, que añade indicadores visuales a los archivos y carpetas ignorados.

GitIgnore Visual muestra una marca distintiva junto al lado de cada archivo o carpeta que coincide con una regla del archivo .gitignore. Al pasar el cursor sobre cualquier elemento ignorado, una descripción mostrará:

  • La regla .gitignore específica que causa la exclusión.
  • La ruta completa al archivo .gitignore.

Si usas archivos .gitignore, podría ayudarte, ya sea si trabajas con proyectos Node.js (node_modules/, dist/), extensiones AL de Business Central (.alpackages/, .snapshots/) o aplicaciones .NET (bin/, obj/).

La extensión se activa automáticamente cuando encuentra un archivo .gitignore en la raíz de su espacio de trabajo.

Para hacerlo un poco divertido, puedes personalizar el ícono de la marca en la configuración de VS Code (Ctrl+, → buscar «gitignore badge»):

También puedes usar la paleta de comandos (Ctrl+Shift+P) → GitIgnore Visual: Refresh para actualizar manualmente las marcas después de editar .gitignore o el icono.

Espero que esta extensión te ayude en tu trabajo diario con Visual Studio Code.


⦻ GitIgnore Visual: Visual Indicators for Ignored Files in VS Code ✨

While working with VS Code, I often wondered which files or folders .gitignore was ignoring. Although Git hides them from version control, they remain visible in the explorer, so I looked for a VS Code extension that would offer a simple and immediate visual indicator of ignored files, but I couldn’t find anything similar.

So I created a VS Code extension: GitIgnore Visual, which adds visual indicators to ignored files and folders.

GitIgnore Visual displays a distinctive badge (⦻) next to each file or folder that matches a rule in the .gitignore file. Hovering over any ignored item will display a description:

  • The specific .gitignore rule causing the exclusion.
  • The full path to the .gitignore file.

If you use .gitignore files, it might help, whether you’re working with Node.js projects (node_modules/, dist/), Business Central AL extensions (.alpackages/, .snapshots/), or .NET applications (bin/, obj/).

The extension is automatically activated when it finds a .gitignore file in the root of your workspace.

To make it a little fun, you can customize the badge in the VS Code settings (Ctrl+, → search for «gitignore badge«):

You can also use the command palette (Ctrl+Shift+P) → GitIgnore Visual: Refresh to manually update the flags after editing .gitignore or the badge.

I hope this extension helps you in your daily work with Visual Studio Code.


Más información / More information:

Deja un comentario