Configuración de ESLint

En efecto hay varios pasos que se deben aplicar antes de ejecutar este proceso, porque quede perdido al llegar aqui y no tener modulos de node instalado

Install the Gatsby CLI

npm install -g gatsby-cli

Create a new site

gatsby new gatsby-site

Change directories into site folder

cd gatsby-site

Luego de estos pasos si ejecutar el comando para Eslint

./node_modules/.bin/eslint --init

Pueden utilizar

npx eslint --init

en reemplazo de

./node_modules/.bin/eslint --init

para poder inicializar su configuración de eslint

Recuerden, la raiz del proyecto:
yarn install
Y, luego
./node_modules/.bin/eslint --init
Eso lo obviaron en este articulo.

Hola Devs:
-Aqui les presento como quedo:

Cuando dicen de ejecutar este comando:
./node_modules/.bin/eslint --init

Deberían haber pasos previos ya que anteriormente no se ha instalado gatsby , por lo que me queda la duda de si no les falta mencionar esa parte o quizas yo me lo perdi y lo siento por eso.

Yo tuve que https://www.gatsbyjs.org/docs/quick-start y termine creando la carpeta gatsby-site y ahi si funciono el comando.

Está clase debería estar después de la siguiente, en la posición 6

Esto debería ir después de la presentación del proyecto

Y comento que con la version 10.15.3 e instalando gatsby con yarn me da el siguiente error:

An error occurred while generating your JavaScript config file. A config file was still generated, but the config file itself may not follow your linting rules.
Error: Cannot find module '../cli-engine'
Error: An error occurred while generating your JavaScript config file. A config file was still generated, but the config file itself may not follow your linting rules.
Error: Cannot find module '../cli-engine'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15)
    at Function.Module._load (internal/modules/cjs/loader.js:508:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at writeJSConfigFile (/Users/crovat/study/gatsby/proyect/gatsby-site/node_modules/eslint/lib/config/config-file.js:294:27)
    at Object.write (/Users/crovat/study/gatsby/proyect/gatsby-site/node_modules/eslint/lib/config/config-file.js:328:13)
    at writeFile (/Users/crovat/study/gatsby/proyect/gatsby-site/node_modules/eslint/lib/config/config-initializer.js:56:16)
    at askInstallModules.then (/Users/crovat/study/gatsby/proyect/gatsby-site/node_modules/eslint/lib/config/config-initializer.js:560:29)
    at process._tickCallback (internal/process/next_tick.js:68:7)
➜  gatsby-site git:(master) ✗ nvm version
v10.15.3

De todas maneras se genera el archivo .eslintrc.js que es muy similiar al de su descripción.

module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
    }
};```

como veran lo unico que cambia es que en env no esta la key "node".

Creo que antes de post se debió explicar cómo instalar Gatsby.

Ejecutar antes

npm install

despues

npx eslint --init

Nota: Hay una última pregunta, dice que si quieres utilizar typescript, colocar “NO”