ESLint Quasar - Bild & Vitta

Biblioteca com as configurações padrões do ESLint para projetos Bild & Vitta.

Regras padrões inclusas na biblioteca:

• ESLint Standard
• ESLint Vue (essential, recommended e strongly recommended)
• ESLint Quasar
• Regras customizadas para projetos Bild & Vitta

Requisitos

• Quasar v2
• Vue v3

Instalação

npm i @bildvitta/eslint-config-quasar -D

Após instalação, crie o arquivo .eslintrc.js no diretório raiz do projeto com a seguinte configuração:

module.exports = {
  extends: [
    '@bildvitta/eslint-config-quasar'
  ]
}

Após, crie o arquivo .eslintignore no diretório raiz do projeto com a seguinte configuração:

/.quasar
/dist
/node_modules

/src-bex/www
/src-capacitor
/src-cordova

.eslintrc.js

Utilização

O ESLint provém de um comando para executar a validação de todos os arquivos do projeto:

npx eslint --ext .js,.vue ./

Para realizar os ajustes necessários automaticamente:

npx eslint --ext .js,.vue ./ --fix

Configuração para o Visual Studio Code

É importante que o editor de texto esteja devidamente configurado para executar as validações do ESLint automaticamente.

Para isto, realize a instalação da extensão ESLint no Visual Studio Code e após abra as configurações do usuário:

• Abra a paleta de comandos (Ctrl+Shift+P / Cmd+Shift+P);

• Digite "Abrir configurações";

• Você é apresentado com duas opções, escolha "Abrir configurações (JSON)";

• No JSON insira a configuração abaixo:

  {
    "editor.codeActionsOnSave" : {
      "source.fixAll" : true
    }
  }

Observação

Com o uso desta biblioteca não é necessário adicionar nenhuma dependência externa do ESLint no arquivo package.json.

Licença

MIT (c) Bild & Vitta [email protected]