COPIA TODO EL CÓDIGO.
PRESIONA: CTRL+SHIFT+P WINDOWS | CMD+SHIFT+P IMac.
BUSCA OPEN USER SETTINGS JSON.
PEGA EL CODIGO EN EL JSON Y AUTOMATICAMENTE SE AUTEMTARA TODO EL ENTORNO HACIENDOLO MAS VISUAL.
{
// Soporte para proxy: 'off' significa que no usará configuraciones de red intermedias (evita problemas de conexión en redes locales).
"http.proxySupport": "off",
// Terminal: Controla el eco local (la latencia al escribir). -1 desactiva el retraso automático.
"terminal.integrated.localEchoLatencyThreshold": -1,
"terminal.integrated.localEchoEnabled": "off",
// Tamaño de fuente de la terminal integrada (la consola de comandos).
"terminal.integrated.fontSize": 13,
// Pantalla de inicio: 'none' hace que al abrir el editor no aparezca la página de "Bienvenida".
"workbench.startupEditor": "none",
// Fuente del editor: Elige JetBrains Mono como prioridad por su alta legibilidad.
"editor.fontFamily": "JetBrains Mono, Menlo, Monaco, Courier New, monospace",
// Peso de la fuente (normal, negrita, etc.).
"editor.fontWeight": "normal",
// Tamaño de la letra donde escribes el código.
"editor.fontSize": 16,
// Espaciado entre líneas de código (1.5 es ideal para que el código no se vea amontonado).
"editor.lineHeight": 1.5,
// Espacio entre letras (0 es el estándar).
"editor.letterSpacing": 0,
// Tamaño de letra en la consola de depuración (Debug).
"debug.console.fontSize": 16,
// Centro de comandos: Oculta la barra de búsqueda superior en el marco de la ventana.
"window.commandCenter": false,
// Temas: Define qué tema usar cuando el sistema está en modo oscuro (Google Dark).
"workbench.preferredDarkColorTheme": "Google Dark",
// Define qué tema usar cuando el sistema está en modo claro (Google Light).
"workbench.preferredLightColorTheme": "Google Light",
// Tema de iconos: Define que usarás 'Material Icon Theme' para los iconos de archivos y carpetas.
"workbench.iconTheme": "material-icon-theme",
// Detecta automáticamente si tu Windows/Mac está en modo claro u oscuro para cambiar el tema.
"window.autoDetectColorScheme": true,
// Control de diseño: Oculta los botones de diseño en la barra de título para una interfaz más limpia.
"workbench.layoutControl.enabled": false,
// Chat inteligente: Configura la visualización previa para las funciones de IA (inline chat).
"inlineChat.mode": "preview",
// Git: Busca automáticamente cambios en el repositorio remoto (GitHub/GitLab).
"git.autofetch": true,
// Importaciones: Actualiza automáticamente las rutas de 'import' cuando mueves un archivo de carpeta.
"javascript.updateImportsOnFileMove.enabled": "always",
// Confirmación de arrastre: Permite mover archivos arrastrándolos sin que aparezca un mensaje de confirmación.
"explorer.confirmDragAndDrop": false,
// Asociaciones de archivos: Le dice al editor que trate los archivos .rules (Firebase) como si fueran JavaScript para darles color.
"files.associations": {
"*.rules": "javascript"
},
// Validación: Desactiva el corrector de JavaScript (útil si usas herramientas externas de limpieza de código).
"javascript.validate.enable": false,
// Modo Screencast: Ajustes para cuando grabas pantalla o haces tutoriales (tamaño de letra gigante).
"screencastMode.fontSize": 80,
"screencastMode.keyboardOptions": {
"showKeybindings": false
},
/* --- AJUSTES DE VISUALIZACIÓN DE ICONOS --- */
// Zoom global: Escala TODA la interfaz. Es la clave para que los iconos de las carpetas se vean más grandes.
"window.zoomLevel": 1,
// Sangría (Indentado): Aumenta el espacio a la izquierda en el explorador de archivos (da aire a los iconos).
"workbench.tree.indent": 20,
// Guías de jerarquía: Dibuja líneas verticales en el explorador para saber qué carpeta pertenece a cuál.
"workbench.tree.renderIndentGuides": "always",
// Desplazamiento suave: Mejora la animación al navegar por listas largas de archivos.
"workbench.list.smoothScrolling": true
}