O processo detalhado aqui deve ser seguido à risca. Ele visa garantir a uniformidade dos projetos desenvolvidos com a biblioteca
unio-sdk
. Caso você mude algo, ou desabilite uma regra localmente, seu projeto irá funcionar no ambiente local. Mas quando ele for enviado para o repositório online as regras serão aplicadas à partir de um arquivo que você não terá acesso e seu commit não será aceito. Por esse motivo, é melhor aplicar as regras como descritas e corrigir os problemas localmente antes de fazer o commit.
Execute o comando:
npm i -D @angular-eslint/builder @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-plugin-import eslint-plugin-no-null eslint-plugin-unused-imports
Instale a extensão no VSCode:
- Crie um arquivo na raiz do projeto com o nome
.eslintignore
e com o conteúdo:src/**/*.spec.ts src/**/*.html e2e/**/*.ts
- Crie um arquivo na raiz do projeto com o nome
.eslintrc.json
e com o conteúdo do arquivo https://uniobuild.visualstudio.com/_git/SDKv2?path=%2Ftools%2Fscripts%2Fconfig%2Fdefault-projects.eslint.json&version=GBmaster&_a=contents - Confira se o arquivo
tsconfig.app.json
contém a seguinte linha na opçãoinclude
:"src/**/*.ts"
. Caso contrário, adicione. - No arquivo
angular.json
procure porprojects -> nome-da-sua-app -> architect -> lint
:- Troque o conteúdo da propriedade
builder
por"@angular-eslint/builder:lint"
. - Dentro de
options
adicione"eslintConfig": ".eslintrc.json"
. - Após a alteração, a entrada deverá estar parecida com:
"lint": { "builder": "@angular-eslint/builder:lint", "options": { "tsConfig": [ "tsconfig.app.json", "tsconfig.spec.json", "e2e/tsconfig.json" ], "exclude": [ "**/node_modules/**" ], "eslintConfig": ".eslintrc.json" } }
- Caso exista, apague o arquivo
tslint.json
.
- Troque o conteúdo da propriedade
Caso não funcione, favor fechar e abrir o VSCode novamente.