Lucas Gomes ESLint config

Uma configuração compartilhada de ESLint e Prettier para seus projetos.

O quê esta incluso?

@eslint/js - Padrão do ESLint para configurações JavaScript (base da configuração padrão do ESLint).

eslint - Ferramenta de linting para JavaScript e TypeScript, usada para identificar e corrigir problemas de estilo e erros de código.

eslint-config-prettier - Desativa regras do ESLint que podem entrar em conflito com o Prettier, garantindo que as configurações de formatação sejam consistentes.

eslint-plugin-react-hooks - Plugin para regras do React Hooks, ajudando a garantir o uso correto dos hooks do React, como useEffect, useState, etc.

globals - Definição de variáveis globais para diferentes ambientes (navegador, Node.js, etc.), permitindo que você use variáveis globais sem que o ESLint as sinalize como não definidas.

prettier - Ferramenta de formatação de código, para garantir consistência no estilo do código de forma automatizada, seguindo as regras de formatação definidas.

typescript-eslint - Integração do ESLint com TypeScript, para garantir que o código TypeScript seja analisado e formatado corretamente, com suporte para regras específicas de TypeScript.

Instalação

npm install --save-dev eslint-config-lucasgomes

pnpm add -D eslint-config-lucasgomes

Uso

Crie um arquivo .eslintrc.js no seu projeto e adicione:

//Para node
module.exports = {
  extends: 'eslint-config-lucasgomes/node.js',
}

//Para NextJs
module.exports = {
  extends: 'eslint-config-lucasgomes/nextjs.js',
}

Adicione também um arquivo prettier.config.js:

module.exports = require('eslint-config-lucasgomes/prettier.config')

Agora você pode rodar ESLint e Prettier normalmente:

npx eslint .
npx prettier --write .