User Tag List

Resultados 1 al 2 de 2

Tema: ESLint y Prettier

  1. #1
    Avatar de mbr386
    Fecha de ingreso
    Apr 2014
    Steam
    mbr386
    Origin
    mbr386
    Mensajes
    1,152

    ESLint y Prettier

    Buenas!

    Tengo este trozo de código de ejemplo (se que no anda, es solo ejemplo) y no logro hacer que ESLint lo acomode como quiero. También probé con Prettier y no hubo caso (entiendo que prettier sería lo más indicado para lo que necesito pero se genera un conflicto entre ellos. Por lo que por ahora estoy probando solo con ESLint)

    Estoy trabajando con react y typescript.


    Lo que quiero hacer es que el if, for, while... le agregue el "(" al lado y no separado (quiero que sea if() en vez de if ()).
    También quiero que aproveche los 120 caracteres por línea antes de que mueva el código a la siguiente o lo ordene, por ejemplo a mi me gusta que quede como la línea 18 y no como la 11.
    Por ultimo quiero que const [personA, setPersonA] = useState(0) no aparezca así, a mi gusto debería estar así: const [ personA, setPersonA ] = useState(0)

    Tienen idea como manejar eso ?, busqué y no encontré como hacerlo. Lo mejor que hice fue que en ESLint no haga nada respecto a lo de la línea 18, pero si le agrego prettier hace lo que quiere y se acomoda como en la línea 11. Pero también me pasa que como lo acomoda prettier me genera errores y eso que traté de que la config fuera similar.

    Esto es lo que tengo ahora mismo en el código de .eslintrc.json (me falta lo de los 120 caracteres por línea)

    Código:
    {
        "env": {
            "browser": true,
            "es2021": true
        },
        "extends": [
            "eslint:recommended",
            "plugin:react/recommended",
            "plugin:@typescript-eslint/recommended",
            "plugin:react/jsx-runtime"
        ],
        "overrides": [],
        "parser": "@typescript-eslint/parser",
        "parserOptions": {
            "ecmaVersion": "latest",
            "sourceType": "module",
            "ecmaFeatures": {
                "jsx": true
            }
        },
        "plugins": [
            "react",
            "@typescript-eslint"
        ],
        "rules": {
            "padding-line-between-statements": ["error", { "blankLine": "always",  "prev": ["const", "let", "var"], "next": "*"},
                {"blankLine": "always", "prev": ["*"], "next": ["const", "let", "var", "return", "for"]}
            ]
        }
    }
    Saludos

  2. #2
    Avatar de BloodElf
    Fecha de ingreso
    Jul 2013
    Ubicación
    Azeroth
    Edad
    28
    Steam
    gascavaz
    Origin
    BloodyElfy
    Mensajes
    4,528
    Te fijaste si el linter de airbnb no es lo que vos queres?

    Quizas podes empezar con ese y customizarlo

Información de tema

Usuarios viendo este tema

Actualmente hay 1 usuarios viendo este tema. (0 miembros y 1 visitantes)

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •