WordPress Linting

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
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

Entradas relacionadas
Software libre
Tecnología

Software Libre

El Software Libre es toda aplicación o conjunto de programas informáticos que proporcionan el código fuente en que fue desarrollado y este puede ser estudiado, modificado, y utilizado libremente con cualquier fin, inclusive puede ser redistribuido con cambios o mejoras o sin ellas, de manera comercial o no comercial.

Leer Más >>
Seguridad

Clickbaits

Los clickbaits tienen como propósito atraer la mayor cantidad de visitas posible a alguna página web y en muchos casos, exponen riesgos de seguridad al usuario.

Leer Más >>
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 >>

Deja una respuesta

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