Curso de Visual Studio Code para desarrolladores PHP
2.1 Configuración de las Preferencias Básicas
Comenzaremos ajustando las preferencias básicas de VS Code, para crear un entorno cómodo y eficiente para trabajar en PHP.
- Color del Tema y Fuente:
- Puedes cambiar el tema de colores en VS Code para adaptar el editor a tus preferencias visuales. Para ello, dirígete a File > Preferences > Color Theme (en Windows) o Code > Preferences > Color Theme (en macOS).
- Elige un tema oscuro o claro, según tu gusto. Algunos temas populares para programadores incluyen Dark+, One Dark Pro, o Monokai.
- Si deseas cambiar la fuente, ve a File > Preferences > Settings y en la barra de búsqueda, escribe «Font Family» para encontrar la opción y definir una fuente de tu elección.
- Formato Automático:
- Habilitar el formato automático es esencial para mantener el código ordenado y legible.
- En Settings, busca «Format On Save» y activa esta opción. Esto hará que cada vez que guardes un archivo, VS Code aplique automáticamente un formato ordenado a tu código.
- Ajustes Personalizados para PHP:
- Ve a File > Preferences > Settings y selecciona la opción Workspace (área de trabajo) para aplicar configuraciones que solo afecten tu proyecto actual.
- Configura valores específicos de PHP, como el ajuste
"php.validate.executablePath"en el cual puedes definir la ruta de tu ejecutable de PHP si es necesario para una integración adecuada.
2.2 Instalación y Configuración del Soporte PHP en VS Code
Para trabajar eficientemente con PHP en Visual Studio Code, necesitarás instalar una extensión que facilite el autocompletado y ofrezca funciones de análisis y depuración de código.
- Instalación de la Extensión de PHP:
- Haz clic en el ícono de Extensiones en la barra lateral (o usa el atajo
Ctrl + Shift + X). - Busca «PHP Intelephense» y selecciona la extensión PHP Intelephense. Esta es una de las mejores opciones para autocompletado, sugerencias y análisis de errores en PHP.
- Instala la extensión y espera a que se configure.
- Haz clic en el ícono de Extensiones en la barra lateral (o usa el atajo
- Configuración de la Extensión:
- Una vez instalada, puedes ajustar opciones avanzadas de PHP Intelephense. Ve a Settings (Ajustes) y busca «Intelephense» para encontrar configuraciones específicas, como la profundidad de análisis o el soporte de autocompletado.
- También puedes activar funciones como el resaltado de sintaxis y el análisis en tiempo real de posibles errores en tu código.
- Otras Extensiones Útiles:
- PHP Debug: Permite depurar código PHP en Visual Studio Code.
- PHP DocBlocker: Genera bloques de documentación automáticamente, útil para crear comentarios estructurados en tus archivos PHP.
2.3 Configuración del Servidor Local y el Terminal Integrado
Para ejecutar y probar código PHP directamente desde VS Code, es útil configurar un servidor local, como XAMPP (disponible para Windows, macOS y Linux) o WAMP (solo para Windows).
- Instalación de XAMPP o WAMP:
- Configuración en VS Code:
- Abre VS Code y navega a la carpeta raíz de tu proyecto PHP.
- Crea un archivo
index.phpcon el siguiente código:<?php echo "¡Hola, este es mi primer proyecto en Visual Studio Code con PHP!"; - Para ver este archivo en el navegador, coloca el archivo en la carpeta
htdocs(para XAMPP) o en la raíz dewww(para WAMP), luego abre tu navegador y visitahttp://localhost/index.php.
- Uso de la Terminal Integrada:
- Puedes ejecutar comandos de PHP directamente en la terminal de VS Code. Ve a Terminal > New Terminal y, en la terminal integrada, ejecuta el comando:
php index.php - Este comando te mostrará el resultado de
index.phpdirectamente en la terminal, sin abrir el navegador.
- Puedes ejecutar comandos de PHP directamente en la terminal de VS Code. Ve a Terminal > New Terminal y, en la terminal integrada, ejecuta el comando:
Con estas configuraciones básicas, tendrás un entorno totalmente funcional para escribir, depurar y probar tu código PHP en Visual Studio Code, optimizado para trabajar en tus proyectos de manera rápida y eficiente.