Y a lo largo de la serie, cubrir\u00e9 todo lo mencionado anteriormente. Pero para hacerlo, voy a cubrir cada componente uno por uno.<\/p>\n
La publicaci\u00f3n de hoy se centrar\u00e1 en los est\u00e1ndares de codificaci\u00f3n de PHP. He escrito mucho material sobre los est\u00e1ndares de codificaci\u00f3n de WordPress, pero en el \u00faltimo a\u00f1o o m\u00e1s, comenc\u00e9 a trabajar m\u00e1s con PSR, y eso es lo que se tratar\u00e1 en esta publicaci\u00f3n.<\/p>\n
Como nota al margen, sepa que gran parte de lo que se cubre se puede traducir a los est\u00e1ndares de codificaci\u00f3n de WordPress si as\u00ed lo desea, y quedar\u00e1 claro d\u00f3nde har\u00eda los cambios.<\/p>\n
Dicho esto, comencemos.<\/p>\n
Est\u00e1ndar de codificaci\u00f3n PHP en Visual Studio Code<\/h2>\n
Primero, aseg\u00farese de tener los requisitos previos, todos los cuales est\u00e1n cubiertos en publicaciones anteriores de esta serie. A saber:<\/p>\n
- \n
- Un IDE para el desarrollo de WordPress<\/a><\/li>\n
- Trabajar con la configuraci\u00f3n de usuario en Visual Studio Code<\/a><\/strong><\/li>\n<\/ol>\n
Cada uno de los anteriores explica c\u00f3mo instalar, configurar y administrar Visual Studio Code y los conceptos b\u00e1sicos para comprender la configuraci\u00f3n del usuario (junto con las fuentes preferidas y similares).<\/p>\n
Y con eso, es hora de instalar la compatibilidad con el rastreo de c\u00f3digo y las reglas para los estilos de codificaci\u00f3n PHP basados \u200b\u200ben PSR-2<\/a><\/strong>.<\/p>\n
[restringir pagado="verdadero\u00bb]<\/p>\n
Antes de decirle a Code que desea usar este conjunto particular de reglas, hay algunas cosas que puede agregar a su archivo de configuraci\u00f3n.<\/p>\n
1 Una actualizaci\u00f3n de su configuraci\u00f3n de usuario<\/h3>\n
Recuerde, para actualizar su Configuraci\u00f3n de usuario, simplemente haga clic en C\u00f3digo<\/strong> y luego vaya a Configuraci\u00f3n<\/strong>, o puede usar el acceso directo Cmd+<\/strong> (o el equivalente en su sistema operativo).<\/p>\n
Esto abrir\u00e1 una ventana familiar:<\/p>\n
![\"Uso](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7651f87631.png\")
<\/a><\/p>\nA continuaci\u00f3n, emita el siguiente comando en su terminal:<\/p>\n
$ brew install php-code-sniffer<\/code><\/pre>\nTenga en cuenta que cuando hago esto, ya lo tengo instalado, pero se me solicita que actualice (as\u00ed que lo tengo).<\/p>\n
![\"Uso](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e76523859b2.png\")
<\/a><\/p>\nY luego, dentro de \u00e9l, puede agregar las siguientes l\u00edneas<\/a><\/strong> a su archivo de configuraci\u00f3n de usuario:<\/p>\n
{\n \/\/ ...\n\n \/\/ PHP Settings.\n \"php.suggest.basic\": true,\n \"php.validate.executablePath\": \"\/usr\/local\/bin\/php\",\n \"php.validate.run\": \"onSave\",\n\n \/\/ ...\n}<\/code><\/pre>\nSi no est\u00e1 seguro de la ruta a su instalaci\u00f3n local de PHP, puede ejecutar el siguiente comando en su terminal:<\/p>\n
$ which php<\/code><\/pre>\nEsto es lo que describe cada l\u00ednea:<\/p>\n
- \n
- php.suggest.basic.<\/strong> Esto controla si el IDE har\u00e1 sugerencias para el c\u00f3digo basado en PHP por s\u00ed mismo (lo cual es \u00fatil cuando se escribe c\u00f3digo). Piense en esto como autocompletar, un vistazo a la API, o como lo llamen sus IDE actuales o anteriores.<\/li>\n
- php.validar.ejecutablePath.<\/strong> Esto simplemente hace referencia al binario de PHP en el disco. Esto es \u00fatil para ejecutar la versi\u00f3n de PHP con la que se ejecutan sus proyectos.<\/li>\n
- php.validar.ejecutar.<\/strong> Como es de esperar, esto validar\u00e1 su c\u00f3digo cuando guarde su archivo. Puede hacerlo mientras escribe, pero dependiendo de cu\u00e1nto escriba, qu\u00e9 tan r\u00e1pido escriba o simplemente la naturaleza de sus h\u00e1bitos, puede ser m\u00e1s f\u00e1cil hacerlo en Guardar<\/strong> (por eso lo uso en lugar de la alternativa que es onType<\/strong> ).<\/li>\n<\/ol>\n
Todo esto es bueno y necesario, en mi opini\u00f3n, pero no nos permite olfatear ning\u00fan c\u00f3digo. As\u00ed que dirijamos nuestra atenci\u00f3n a eso ahora.<\/p>\n
2 Adici\u00f3n de rastreo de c\u00f3digo<\/h3>\n
Recuerde de la secci\u00f3n anterior, segu\u00ed adelante e instal\u00e9 PHP Code Sniffer a trav\u00e9s de Homebrew, pero \u00bfc\u00f3mo agregamos soporte a esto a trav\u00e9s de Visual Studio Code?<\/p>\n
Quiero decir, tiene su propio mercado donde podemos agregarlo, pero \u00bfhay otras cosas que podamos hacer? Ya que lo instalamos a trav\u00e9s de Homebrew, est\u00e1 listo.<\/p>\n
Ahora es cuesti\u00f3n de vincularlo a Code. Esto es cuesti\u00f3n de hacer dos cosas:<\/p>\n
- \n
- Instalar un complemento en Code,<\/li>\n
- Actualizando su configuraci\u00f3n de usuario (una vez m\u00e1s).<\/li>\n<\/ol>\n
Primero, navegue a la pantalla de complementos en C\u00f3digo y luego busque phpcs<\/strong>. Deber\u00edas ver algo como lo siguiente:<\/p>\n
![\"Uso](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652770779.png\")
<\/a><\/p>\nHaga clic en Instalar<\/strong> y luego en Recargar<\/strong> si se le solicita que lo haga.<\/p>\n
A continuaci\u00f3n, volvemos a visitar nuestro archivo de configuraci\u00f3n y agregamos lo siguiente:<\/a><\/strong><\/p>\n
{\n \/\/ ...\n\n \/\/ PHP Coding Standards.\n \"phpcs.enable\": true,\n \"phpcs.executablePath\": \"\/usr\/local\/bin\/phpcs\",\n \"phpcs.standard\": \"PSR2\"\n\n \/\/ ...\n}<\/code><\/pre>\nEn este punto, ya ha terminado de configurar los est\u00e1ndares de codificaci\u00f3n PHP PSR-2 con Visual Studio Code.<\/p>\n
3 Ahora pru\u00e9balo<\/h3>\n
Para ver si todo funciona correctamente, abra cualquier archivo PHP, ya sea uno de un proyecto en el que est\u00e9 trabajando o uno del n\u00facleo de WordPress. Abra el terminal integrado. Dado que el n\u00facleo de WordPress no sigue a PSR-2, es probable que vea muchos errores.<\/p>\n
- php.validar.ejecutablePath.<\/strong> Esto simplemente hace referencia al binario de PHP en el disco. Esto es \u00fatil para ejecutar la versi\u00f3n de PHP con la que se ejecutan sus proyectos.<\/li>\n
- Trabajar con la configuraci\u00f3n de usuario en Visual Studio Code<\/a><\/strong><\/li>\n<\/ol>\n
![\"Uso](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652c067ab.png\")
<\/a><\/p>\n