En caso de que no lo sepas, PhpStorm es un IDE (Entorno de Desarrollo integrado) comercial multi-plataforma para PHP.
En Dazzet lo usamos para el desarrollo de páginas web.
Sin duda PhpStorm es el mejor editor de texto para programar en PHP.
Resalta los nombres de las funciones y clases, identifica variables, encuentra posibles errores, hace refactoring de PHP que de por sí ya es todo un logro, y tiene cientos de combinaciones de teclas que permiten programar sin casi tocar el mouse y si eres programador sabes que eso es más que deseable.
Además, soporta JavaScript y HTML como los mejores editores.
En mi opinión, si vas a programar en PHP, HTML y/o JavaScript debes comprar PhpStorm.
Pero toda esa flexibilidad viene con un inconveniente. PhpStorm tiene tantas funciones y facilidades que al principio puede ser abrumador trabajar con él.
A continuación hablaremos de algunos tips que harán que PhpStorm no sea tan intimidante y al tiempo harán que tu productividad se eleve por las nubes.
NOTA Estos tips se crearon en un Mac, algunas de las combinaciones de teclas cambian para Windows y Linux, así como la ubicación de algunas acciones dentro de los menús
Tip #1: Descarga la versión EAP.
Los genios de Jetbrains saben que aunque tiene las mejores prácticas para el desarrollo, es posible que su maravilloso editor pueda tener problemas.
Es por esto que crearon una versión llamada EAP o Eary Access Program que es básicamente la próxima versión de PhpStorm pero en versión Pre-beta.
Es decir, la próxima versión de PhpStorm está disponible desde ya, menos algunas funcionalidades.
Entonces, antes de desembolsar US$199 que es el valor de PhpStorm, intenta con la versión EAP que por lo general es muy estable tiene más funcionalidad que la última versión estable y por 30 días no te estará molestando por no haber comprado la licencia aún.
Esta es la página de PhpStorm EAP, visítala y revisa si hay algún inconveniente detectado que pueda detener tu desarrollo.
Tip #2: Cambiar los colores.
Por defecto PhpStorm no es muy agradable a la vista y como decimos en Colombia, para la muestra un botón.
Afortunadamente en PhpStorm todo es configurable y el color es una de esa cosas.
Cambiar el color es algo trivial: En el menú de PhpStorm seleccionamos Preferences y en Ide Settings buscamos la opción Colors & Fonts allí encontrarás una corta selección de colores.
Si te gustan los fondos oscuros, una buena opción en cambiar el Color Scheme a Darkula.
Así quedará el IDE luego de pasar a Darkula.
NOTA Se debe reiniciar el IDE para que tomen efecto todos los cambios.
Tip #3: Descargar un tema de Internet.
Aunque PhpStorm viene con varios temas, y Darkula se ajusta mucho al gusto de la mayoría de programadores, en mi opinión los colores no combinan y el resaltado de variables no es lo suficiente dramático para mi.
Afortunadamente para los programadores exigentes como los de Dazzet, Dayle Rees, famoso por sus contribuciones a Laravel, creó una extensa selección de colores.
La galería de temas de colores se puede acceder en http://daylerees.github.io.
Una vez se encuentre el color que queremos aplicarle a PhpStorm, nos debemos dirigir al repositorio de Github y descargar el archivo fuente del color que seleccione.
Y he aquí el truco…
Se debe abrir la carpeta de configuración de PhpStorm y descargar allí el archivo de color que seleccionamos. En Mac para PhpStorm 8 esta carpeta es:
cd /Users/<usuario>/Library/Preferences/WebIde80/colors/
Nota: Cambiar <usuario> por tu nombre de usuario en tu Mac.
Estando allí podemos descargar el archivo con wget, curl o guardándolo desde un navegador. Aquí podemos ver que seleccioné el tema tonic para mi PhpStorm.
wget https://raw.githubusercontent.com/daylerees/colour-schemes/master/jetbrains/tonic.icls
Luego de descargar el archivo debes reiniciar PhpStorm para lograr algo así:
Plugin ‘Color Ide’
Si te fijas bien en la imagen anterior, podrás notar cómo el color de fondo del área de edición de texto es diferente a árbol de archivo. Esto es porque el Color Scheme en PhpStorm solo es para el área de texto.
Pero como dije anteriormente, en PhpStorm, todo es configurable y algunas veces se necesitan plugins que nos ayuden a esto.
Entonces, para lograr que el árbol de archivos se vea como el área de edición se debe instalar un plugin. Para esto se deben abrir las preferencias de PhpStorm y usando la opción de plugins instalar el plugin Color Ide.
Una vez instales el plugin Color Ide Debes reiniciar PhpStorm. De lo contrario no verás los cambios.
Como puedes ver en la siguiente imagen, el árbol de archivos y el área de edición ya se ven iguales.
Recapitulemos.
Hasta ahora solo hemos mejorado la apariencia de PhpStorm que aunque no lo creas ayuda enormemente a mejorar tu desempeño.
En adelante estaremos hablando de cómo simplificar la visualización de PhpStorm y, cómo usar el teclado y así eliminar la dependencia del mouse que PhpStorm impone en un principio.
Tip #4: Limpiar PhpStorm.
Este tip es un poco arriesgado y requiere que mantengas la mente abierta al cambio y estés dispuesto a enfrentarte a un poco de frustración al principio.
Pero si sigues este tip por un par de días te darás cuenta que no solo estarás desarrollando más rápido, sino que el código parecería fluir de tus dedos al teclado, que los días son más cortos, que la comida sabe más rico y que la música suena mejor 😉
Este tip consiste en eliminar todas las distracciones que vienen con PhpStorm, es decir, eliminar todas los menús (exceptuando el principal, ese no se puede quitar).
Entonces elimina el check a todos los toolbars en el menú de View para que obtengas algo parecido a esto:
Para terminar la limpieza, falta un último paso y este puede ser controversial.
Elimina los tabs del área de edición.
De entrada sé que muchos pensarán que esto es ir demasiado lejos, pero te aseguro que es para mejor.
Cuando no tienes tabs, te obligas a entender el código y eliminas el problema que tenemos muchos que es pasar de tab en tab con el mouse buscando ese pedazo de código que no te acuerdas donde lo agregaste.
En mi caso, esta acción fue la que al final disparó mi productividad en PhpStorm. Si este último requisito aún te genera dudas, te adelanto un tip.
Puedes buscar un símbolo, es decir, una función, clase o variable, en cualquier lugar del proyecto usando la combinación ⌘⌥o. De esta manera no tienes ni qué pensar donde está una clase o función.
Tip #5: Crear tu propio Cheat Sheet.
PhpStorm tiene combinaciones de teclas para prácticamente cualquier acción que desees realizar: Abrir archivos, modificar el tema, encontrar una función, ver el listado de funciones de una clase, etc.
El problema es que son tantas las combinaciones que es prácticamente imposible memorizarlas todas de una sola vez.
Para los que no sepan, un Cheat Sheet es un archivo donde están pequeñas recetas para facilitar tu trabajo. Como abrir el archivo sabiendo únicamente el nombre de la clase, o como esconder/mostrar el árbol de archivos.
JetBrains ya nos provee un Cheat Sheet, o como lo llaman ellos, un Reference Card, en la dirección http://www.jetbrains.com/phpstorm/documentation/PhpStorm_ReferenceCard.pdf.
Pero te podrás dar cuenta que es un Cheat Sheet muy grande.
Entonces te recomiendo que crees tu propio Cheat Sheet con los comandos que te parezcan más útiles.
Adicionalmente puede ir actualizando con el tiempo, agregando nuevos comandos o combinaciones de teclas útiles y eliminando las que ya sabes y usas de memoria.
A continuación de está mi Cheat Sheet, que como podrás ver es de solo 6 combinaciones de teclas:
- ⌘1 – Ocultar/Mostrar Árbol de archivos.
- ⌘⇧o – Abrir un archivo en cualquier lugar del proyecto.
- ⌘F12 – Abrir el árbol de funciones clase actual.
- ⌘↑ – Barra navegación flotante.
- ⌘⌥o – Ir a la definición de una clase, función, variable, etc.
- Doble Shift – Presionar la tecla Shift dos veces para buscar en todas partes (acciones y archivos).
Tipo #6: Corregir errores de símbolos duplicados.
Algunos frameworks de PHP, (Léase CakePHP) tenían la costumbre de usar nombres de clases duplicadas en diferentes archivos y mediante un autoloader cargar dinámicamente el archivo necesario.
Aunque es una aproximación completamente válida, puede generar confusiones como por ejemplo, hacer que PhpStorm crea que hay clases duplicadas y por lo tanto posibles errores en la aplicación.
Para este caso particular de CakePHP, lo que se puede hacer es decirle a PhpStorm que no indexe algunos directorios y evitar así errores.
Para esto hay que entrar a File->Settings, luego hacer clic en Directories y en esta sección seleccionar lib->Cake->Console y hacer clic en Excluded.
Luego hacer lo mismo para lib->Cake->Test
Conclusión.
Como se puede ver, con un poco de configuración y disposición a aprender, es posible trabajar en un editor de texto tan poderoso como PhpStorm como si fuera el Notepad de Windows o el ya muy famoso Sublime Text.
Cambiar no es fácil y mucho menos cuando se cambia a una herramienta tan poderosa como PhpStorm que tiene cosas como: – Administrador de entornos de desarrollo de Vagran – Administrador de base de datos – Manejo de versionamiento con git y mercurial – Publicación automática a servidores por ftp, ssh, etc. – Terminal interactiva –
… Pero con estos tips podrás empezar poco a poco, conforme te vayas familiarizando con ellos, podrás empezar a explorar opciones más avanzadas.
¿Sabes dónde se pueden conseguir más temas de PhpStorm? ¿Existe algún plugin adicional que debería estar instalando? ¿Encontraste un error?
Déjanos un comentario.
Actualizado: miércoles, 22 de marzo de 2023