16. Instalar Visual Studio code

 Configurando Visual Studio Code para Desarrollo con Docker y Laravel

¡Hola comunidad! 👋 En este segmento, avanzamos con la configuración de nuestro entorno de desarrollo después de tener nuestra aplicación Laravel corriendo en Docker.

🔍 Pasos clave del proceso:
1️⃣ Verificación de contenedores:

  • Con docker ps, confirmamos que los contenedores esenciales (MySQL, PHP, Nginx) están activos.

  • La aplicación ya es accesible vía el dominio configurado en el archivo hosts.

2️⃣ Instalación de Visual Studio Code:

  • Descarga e instalación estándar (¡siguiente, siguiente, instalar! ✅).

  • Recomendación: Crear un icono en el escritorio para acceso rápido.

3️⃣ Extensiones imprescindibles:

  • Para PHP:

    • PHP Intelephense (autocompletado inteligente).

    • PHP Extension Pack (herramientas adicionales).

    • PHP Namespace Resolver (importar clases con Ctrl + Enter).

  • Para Vue.js:

    • Vue VSCode Snippets (snippets para desarrollo ágil).

    • Vetur (soporte para archivos .vue).

    • Vue Docs (documentación integrada).

  • Extra: Prettier (formateo automático de código).

4️⃣ Próximo paso:

  • Conectar VS Code a la máquina virtual vía SSH para editar directamente los archivos de Laravel.

📌 ¿Ya usas estas extensiones? ¡Cuéntame cuál agregarías a la lista! 👇

🔜 En el siguiente video, profundizaremos en la conexión remota y la estructura del proyecto. ¡Nos vemos!

#Docker #Laravel #VSCode #PHP #VueJS #DesarrolloWeb

Comentarios

Publicar un comentario

Entradas más populares de este blog

14. Publish and Detached modes

  docker --version  Modos Publish y Detached en Docker 📚 Introducción a los Conceptos Básicos ¿Qué son los modos Publish y Detached? Imagina que un contenedor Docker es como una  habitación aislada  dentro de un edificio: Detached mode : La habitación funciona independientemente, sin que tú estés dentro vigilándola Publish mode : Abres una ventana en la habitación para que el mundo exterior pueda comunicarse con lo que hay dentro 📦 Contenedores Docker: Una Analogía Simple text ┌─────────────────────────────────────────────┐ │ HOST (Tu Computadora) │ │ │ │ ┌─────────────────────────────────────────┐ │ │ │ CONTENEDOR DOCKER │ │ │ │ ┌─────────────────────────────────┐ │ │ │ │ │ Aplicación (e...
Leer más

12. Hola Mundo en Docker.

  docker --version Hola Mundo en Docker para Principiantes 📚 Conceptos Básicos ¿Qué es Docker? Imagina que Docker es como una  máquina de empaquetado y envío  para aplicaciones. Así como las compañías navieras usan contenedores estándar para transportar cualquier mercancía (muebles, electrónicos, alimentos), Docker crea "contenedores" estandarizados para cualquier aplicación. ¿Qué es una imagen Docker? Una imagen es como una  receta de cocina completa : 📋 Lista de ingredientes (dependencias) 🍳 Instrucciones de preparación (configuraciones) ⚙️ Utensilios necesarios (binarios, librerías) Todo empacado y listo para usar ¿Qué es un contenedor? Un contenedor es como  cocinar usando esa receta : 🍽️ Tomas la receta (imagen) 🔥 Usas tu cocina (sistema operativo) 🧑‍🍳 Preparas el platillo (ejecutas la aplicación) Cada vez que cocinas, es una instancia independiente 🚀 Tu Primer Hola Mundo en Docker Paso 1: Descargar tu primera imagen bash docker pull hello-world ¿...
Leer más

11¿Qué es Docker? y ¿Por qué debo saberlo?

  docker --version  ¿Qué es Docker? y ¿Por qué debo saberlo? 1. ¿Qué es Docker? 📦 Analogía: El "Lego Digital" para Aplicaciones Imagina que Docker es como un  sistema de empaquetado universal  para software. Igual que los contenedores de transporte (esos grandes cajones metálicos que ves en barcos) pueden llevar cualquier producto de forma estandarizada, Docker "empaqueta" tu aplicación con todo lo que necesita para funcionar. text ANTES DE DOCKER: ┌─────────────────────────────────────────────┐ │ Tu Aplicación │ ├─────────────────────────────────────────────┤ │ "Necesito Node v14, MySQL 5.7, Redis 6..." │ ├─────────────────────────────────────────────┤ │ Sistema Operativo Anfitrión │ │ (Windows/Mac/Linux con sus configs únicas) │ └─────────────────────────────────────────────┘ ⚠️ PROBLEMA: "En mi máquina sí funcionaba" CON DOCKER: ┌─────────────────────────────────────────────┐ │ [CONTENED...
Leer más