Buscar
Cerrar este cuadro de búsqueda.

WordPress Linting

Facebook
Twitter
LinkedIn

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

Te podría interesar
ES6
WEB

Promesas ES6

Las promesas son objetos que retornan un valor en el futuro. Debido a la manera asíncrona que funciona JavaScript, se pueden seguir ejecutando el código sin necesidad de esperar que otro proceso termine.

Leer Más >>
WordPress Linting Hero Image
Tips

WordPress Linting

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.

Leer Más >>

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *