Hoy en día el uso de linting nos ayuda a mantener el estándar en nuestro código fuente, forzando al programador o grupo de programadores a seguir ciertas reglas preestablecidas, unificando de esta manera la legibilidad del mismo, también nos permite detectar posible errores que tengamos en nuestro código fuente.

En este post les hablare de las opciones que nos ofrece WordPress para seguir sus estándares en nuestro código PHP y JavaScript.

Se asume conocimiento previo en PHP, Composer, NodeJS, NPM y ESLint.

Algunas partes del código de ejemplo ha sido basado en el tema FoundationPress.

WordPress Coding Standards – PHP

WordPress ha creado sus reglas de linting conocidas como WPCS y se puede instalar en tu tema mediante composer.

Se debe instalar también el PHP Code Sniffer (phpcs) y PHP Code Sniffer Fixer (phpcs-fixer)

El siguiente código es un ejemplo de cómo luce el archivo composer.json

El set de reglas se definen en un archivo XML, se recomienda llamar este archivo ruleset.xml. A continuación un ejemplo de este archivo.

Para validar nuestro código, podemos ejecutar el siguiente comando

$ ./vendor/bin/phpcs --standard=ruleset.xml

WordPress Coding Standards – JS

WordPress también establece las reglas para el uso de JavaScript, esto se puede utilizar mediante el paquete eslint

Ejemplo del archivo de configuración .eslintrc.json

Podemos validar nuestro código ejecutando el siguiente comando

$ node ./node_modules/.bin/eslint ./src/assets/js/**

Referencias