🛠️ Mi Configuración Pro de VSCode

La guía definitiva para un flujo de trabajo Full Stack Elite

• 👤 Sobre Mí / Contacto
• ⌨️ Ajustes de Interfaz
• ⚙️ Instalación Rápida
• 🧩 Extensiones Imprescindibles
• 💡 Tips de Oro (Productividad)
• 📋 Checklist para Nuevos Proyectos
• ⚖️ Licencia

¡Hola! Soy Jose Luis. Aquí tienes una colección personalizada de mis extensiones y ajustes de VSCode, optimizada para el desarrollo Full Stack moderno.

Puedes encontrar más sobre mi trabajo y proyectos en los siguientes enlaces:

📫 Correo Corporativo: choque151.jlc@gmail.com
🔗 LinkedIn: Jose Luis Choquevillca
💻 GitHub: ByChokeYT
🎨 CodePen: ByChokeYT
🌐 Portafolio: cvbychoke.netlify.app

Para lograr una experiencia fluida y estética, utiliza los siguientes ajustes para el Cursor y la Fuente.

Busca "Cursor" en los ajustes de VSCode (Ctrl + ,) y configura lo siguiente para obtener animaciones suaves:

• Cursor Blinking: Set to expand for a premium feel.
• Cursor Style: line.
• Cursor Width: 3.

Utilizo la fuente "Cascadia Code", que ofrece ligaduras excelentes y gran legibilidad.

• Descarga: Haz clic aquí para descargar.
• Tamaño recomendado: 16px.

Para aplicar todos los ajustes automáticamente, puedes copiar el contenido de nuestro archivo de configuración: 👉 config/settings.json

Basta con abrir tu paleta de comandos (Ctrl + Shift + P), buscar "Open User Settings (JSON)" y pegar los valores.

Aquí tienes la lista de extensiones que utilizo diariamente para mejorar la productividad y el estilo del código:

1. Prettier: El estándar de oro para formatear código. Reemplaza a Beautify para un flujo de trabajo moderno.
2. Tailwind CSS IntelliSense: Autocompletado inteligente y previsualización de clases para Tailwind.
3. ES7+ React/Redux/React-Native snippets: Atajos rápidos para desarrollar en React como un rayo.
4. HTML To CSS Autocompletion: Sugerencias inteligentes de clases e IDs desde tu HTML.

1. Thunder Client: Prueba tus APIs directamente desde VSCode. Olvida Postman, esto es más rápido.
2. Console Ninja: Mira tus logs directamente en el editor. Imprescindible para depurar Node.js.
3. MongoDB for VS Code: Gestiona tus bases de datos NoSQL sin salir de tu entorno de desarrollo.

1. Error Lens: Resalta errores en tiempo real en la línea de código.
2. GitLens: Superpoderes para Git. Mira quién escribió cada línea y navega por el historial fácilmente.
3. CodeSnap: Para crear capturas de pantalla estéticas de tu código.
4. Path Intellisense: Autocompletado de rutas de archivos.
5. Intellicode: Asistencia de IA basada en el contexto.

1. Live Server: Servidor local con recarga automática.
2. Live Preview: Previsualización integrada sin necesidad de navegador externo.

Para ser un verdadero Full Stack, domina estos atajos:

• Ctrl + P: Busca cualquier archivo instantáneamente.
• Ctrl + Shift + F: Busca texto en todo el proyecto.
• Alt + ↑ / ↓: Mueve una línea de código hacia arriba o abajo.
• Ctrl + Shift + K: Elimina la línea actual.
• Ctrl + D: Selecciona la siguiente coincidencia de la palabra actual (ideal para renombrar variables rápido).

Cada vez que inicies un nuevo repositorio, asegúrate de:

1. Ejecutar npm init -y (si es Node.js).
2. Crear un archivo .gitignore.
3. Configurar Prettier como formateador por defecto.
4. Verificar que el archivo settings.json de este repo esté aplicado.

Este proyecto está bajo la Licencia MIT. Siéntete libre de usarlo y modificarlo a tu gusto.

Para lograr un efecto de transparencia "glassmorphism", utilizo la extensión GlassIt-VSC.

• 🌈 Ayu Theme: Elegancia minimalista.
• 🔥 Firefly Theme: Tonos cálidos y vibrantes.
• 🦉 Omni Owl Theme: Un toque oscuro y sofisticado.
• ✨ Reui Theme: Estilo moderno y limpio.
• 💜 Shades of Purple: Para los amantes de los contrastes profundos.

Si esta configuración te ha resultado útil, no olvides:

• 🌟 Darle una Estrella a mis repositorios.
• 👤 Seguirme en GitHub y LinkedIn.