https://github.com/michaelcaxias/eslint-trybe

Repositório com configurações do eslint úteis
https://github.com/michaelcaxias/eslint-trybe

config eslint

Last synced: 8 days ago
JSON representation

Repositório com configurações do eslint úteis

• Host: GitHub
• URL: https://github.com/michaelcaxias/eslint-trybe
• Owner: michaelcaxias
• Created: 2021-10-10T15:28:38.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-25T16:13:37.000Z (about 3 years ago)
• Last Synced: 2024-11-08T23:25:40.366Z (2 months ago)
• Topics: config, eslint
• Homepage:
• Size: 10.7 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ESLINT - CONFIGURAÇÕES

### Primeiramente, para instalar o **eslint** utilize o comando abaixo:

````shell

npm install eslint --save-dev

````

### Agora para instalar e configurar utilize o comando abaixo:

````shell

./node_modules/.bin/eslint --init

````

---

### 1. Escolha a opção **To check syntax and find problems**. Isso possibilitará ao nosso arquivo de configuração encontrar problemas e corrigir a sintaxe de nossos arquivos JavaScript

![image](https://i.imgur.com/KAesYuC.png)

### 2. Escolha a opção **JavaScript modules (import/export)**, pois essa é a opção mais atualizada de importação.

![image](https://i.imgur.com/aMk08m3.png)

### 3. Escolha a tecnologia que seu projeto está utilizando. Se não houver nenhuma selecione ``None of these``

![image](https://i.imgur.com/XrsXeOd.png)

### 4. Agora especifique se seu projeto usa ou não TypeScript.

![image](https://i.imgur.com/lCPCcBM.png)

### 5. Nessa parte você pode selecionar o local onde seu código está rodando. Faça a seleção utilizando a barra de espaço para selecionar um ou os dois.

![image](https://i.imgur.com/PyPuUn2.png)

### 6. Escolha o formato JSON.

![image](https://i.imgur.com/sCGfODI.png)

---

### Agora escolha qual configuração da Trybe você deseja utilizar

- Fundamentals: `eslint-config-trybe-fundamentals` (JavaScript, CSS e HTML)

- Front-end: `eslint-config-trybe-frontend` (React e CSS)

- Back-end: `eslint-config-trybe-backend`

### Após a seleção, utilize o comando abaixo para instalar de acordo com a opção que você escolheu.

````shell

  npm install (opção selecionada) --save-dev

````

### Feito a instalação, vá até o arquivo ``.eslintrc.json`` e substitua a configuração inicial da chave ``extends`` para:

(o valor do extends deve estar de acordo com a opção selecionada, no caso abaixo foi utilizado a opção 'frontend')

````json

  "extends": "trybe-frontend",

````

---

## Configurações recomendadas do arquivo ``.eslintrc.json`` para cada opção selecionada.

### - Se você selecionou a opção **fundamentals** apenas copie o conteúdo abaixo e cole, substituindo todo o arquivo:

  ````json

{

  "extends": "trybe-fundamentals",

  "rules": {

    "no-alert": "off",

    "no-console": "off",

    "prefer-arrow-callback": "off",

    "func-names": "off",

    "no-unused-vars": "warn"

  },

  "env": {

    "browser": true

  }

}

  

  ````

### - Se você selecionou a opção **frontend** apenas copie o conteúdo abaixo e cole, substituindo todo o arquivo:

  ````json

  {

    "env": {

      "browser": true,

      "es2021": true

    },

    "extends": "trybe-frontend",

    "parser": "babel-eslint",

    "parserOptions": {

      "ecmaFeatures": {

        "jsx": true

      },

      "sourceType": "module"

    },

    "plugins": ["react", "sonarjs"]

  }

  

  ````