Cómo instalar StandardJS

Hoy quise instalar StandardJS en un proyecto y, nuevamente, la documentación disponible es incompleta y no muestra lo que necesito: hacer que StandardJS formatee el código al guardar en VSCode. 😡

Después de buscar en un proyecto anterior, estos son los pasos que me funcionaron. (¡Gracias a quién me dijo cómo hacerlo funcionar en un stream! Creo que lo tomó de un video de Miguel Ángel Durán @midudev)

Instalar StandardJS en el proyecto

pnpm install standard --save-dev

Si no está instalado, instalar el plugin de VSCode

El plugin de StandardJS para VSCode agrega las alertas mientras escribimos código.

Configurar package.json

Para que StandardJS formatee el archivo al guardarlo, hay que agregar esta declaración en el archivo package.json del proyecto:

// secciones anteriores ...
  "eslintConfig": {
    "extends": "./node_modules/standard/eslintrc.json"
  }

No tengo idea de por qué hay que hacer referencia a ese archivo específico de configuración, pero es lo que funciona.

Cómo aplicar standard sobre todos los archivos del proyecto

Si hay archivos escritos anteriormente y queremos ajustar el formato, desde la terminal podemos ejecutar:

npx standard --fix

Nota: StandardJS corrige el formato para ajustarse a sus reglas, pero no puede reparar todos los errores que reporte el linter.

Todos los errores que no se puedan reparar, aparecen en la terminal luego de correr el script.

En este ejemplo, el linter reporta un error: Una variable declarada pero no utilizada.

npx standard --fix

standard: Use JavaScript Standard Style (https://standardjs.com)
  /Users/[...]/src/pages/index.js:1:10: 'config' is defined but never used. (no-unused-vars)

Para corregirlo, toca ir a la línea 1, columna 10 del archivo src/pages/index.js y borrar la variable config.