Herramienta · Extensión · VS Code
Framework Icons
El explorador de VS Code adapta los iconos de las carpetas al framework del proyecto.
- Tecnología
- TypeScript · API de extensiones de VS Code
- Licencia
- MIT
01 — Qué es
La extensión examina los archivos de configuración del proyecto, detecta si es React, Angular o Vue y aplica un tema de iconos que resalta con colores las carpetas importantes de ese framework.
También se puede fijar el framework a mano desde los ajustes.
02 — Qué hace
- Detección automática. Reconoce React, Angular y Vue por la configuración del proyecto y se actualiza al cambiar de proyecto.
- React. components en azul, hooks en verde, contexts en morado y assets en naranja; redux, services y pages con iconos propios.
- Angular. src en rojo, app en verde, assets en azul y environments en amarillo; services, directives, pipes y components con iconos propios.
- Vue. components en verde, views en azul, store en amarillo y assets en morado; composables, router y modules con iconos propios.
- Ajustes y comando. frameworkIcons.enabled, frameworkIcons.detectFramework y frameworkIcons.manualFramework, y el comando «Framework Icons: Detect Framework».
03 — Instalar
# Desde el .vsix de la sección de releases:
# Extensiones → menú (…) → Install from VSIX…
# Desarrollo
git clone https://github.com/DanielMartinezSebastian/framework-icons-vscode-extension.git
npm install
npm run generate-icons
# F5 en VS Code para lanzar la extensión04 — Bueno saber
- Requiere Visual Studio Code 1.60 o superior.
- Licencia MIT.
¿Necesitas una herramienta a medida?
Si hay una tarea que tu equipo repite cada día, probablemente se pueda automatizar. Cuéntamela.