{"id":16687410,"url":"https://github.com/rodrigokamada/angular-eslint","last_synced_at":"2026-02-14T06:31:14.134Z","repository":{"id":47293678,"uuid":"516020531","full_name":"rodrigokamada/angular-eslint","owner":"rodrigokamada","description":"Application example built with Angular 14 and adding the ESLint using @angular-eslint/schematics library.","archived":false,"fork":false,"pushed_at":"2022-10-13T10:34:59.000Z","size":1728,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-09-29T12:59:54.340Z","etag":null,"topics":["angular","beginners","dev-community","eslint","hacktoberfest","lint","stackblitz","tutorial"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rodrigokamada.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"rodrigokamada"}},"created_at":"2022-07-20T14:43:55.000Z","updated_at":"2025-09-09T23:38:59.000Z","dependencies_parsed_at":"2023-01-19T21:59:06.219Z","dependency_job_id":null,"html_url":"https://github.com/rodrigokamada/angular-eslint","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rodrigokamada/angular-eslint","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-eslint","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-eslint/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-eslint/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-eslint/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rodrigokamada","download_url":"https://codeload.github.com/rodrigokamada/angular-eslint/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-eslint/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29438759,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T05:24:35.651Z","status":"ssl_error","status_checked_at":"2026-02-14T05:24:34.830Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","beginners","dev-community","eslint","hacktoberfest","lint","stackblitz","tutorial"],"created_at":"2024-10-12T15:09:04.606Z","updated_at":"2026-02-14T06:31:14.117Z","avatar_url":"https://github.com/rodrigokamada.png","language":"HTML","funding_links":["https://github.com/sponsors/rodrigokamada"],"categories":[],"sub_categories":[],"readme":"# Angular ESLint\n\n\nApplication example built with [Angular](https://angular.io) 14 and adding the ESLint using [@angular-eslint/schematics](https://eslint.org/) library.\n\nThis tutorial was posted on my [blog](https://rodrigo.kamada.com.br/blog/adicionando-o-eslint-em-uma-aplicacao-angular) in portuguese and on the [DEV Community](https://dev.to/rodrigokamada/adding-the-eslint-to-an-angular-application-ijl) in english.\n\n\n\n[![Website](https://shields.braskam.com/v1/shields?name=website\u0026format=rectangle\u0026size=small\u0026radius=5)](https://rodrigo.kamada.com.br)\n[![LinkedIn](https://shields.braskam.com/v1/shields?name=linkedin\u0026format=rectangle\u0026size=small\u0026radius=5)](https://www.linkedin.com/in/rodrigokamada)\n[![Twitter](https://shields.braskam.com/v1/shields?name=twitter\u0026format=rectangle\u0026size=small\u0026radius=5\u0026socialAccount=rodrigokamada)](https://twitter.com/rodrigokamada)\n[![Instagram](https://shields.braskam.com/v1/shields?name=instagram\u0026format=rectangle\u0026size=small\u0026radius=5)](https://www.instagram.com/rodrigokamada)\n\n\n\n## Prerequisites\n\n\nBefore you start, you need to install and configure the tools:\n\n* [git](https://git-scm.com/)\n* [Node.js and npm](https://nodejs.org/)\n* [Angular CLI](https://angular.io/cli)\n* IDE (e.g. [Visual Studio Code](https://code.visualstudio.com/))\n\n\n\n## Getting started\n\n\n### Create the Angular application\n\n\n**1.** Let's create the application with the Angular base structure using the `@angular/cli` with the route file and the SCSS style format.\n\n```shell\nng new angular-eslint --routing true --style scss\nCREATE angular-eslint/README.md (1067 bytes)\nCREATE angular-eslint/.editorconfig (274 bytes)\nCREATE angular-eslint/.gitignore (548 bytes)\nCREATE angular-eslint/angular.json (3136 bytes)\nCREATE angular-eslint/package.json (1045 bytes)\nCREATE angular-eslint/tsconfig.json (863 bytes)\nCREATE angular-eslint/.browserslistrc (600 bytes)\nCREATE angular-eslint/karma.conf.js (1431 bytes)\nCREATE angular-eslint/tsconfig.app.json (287 bytes)\nCREATE angular-eslint/tsconfig.spec.json (333 bytes)\nCREATE angular-eslint/.vscode/extensions.json (130 bytes)\nCREATE angular-eslint/.vscode/launch.json (474 bytes)\nCREATE angular-eslint/.vscode/tasks.json (938 bytes)\nCREATE angular-eslint/src/favicon.ico (948 bytes)\nCREATE angular-eslint/src/index.html (299 bytes)\nCREATE angular-eslint/src/main.ts (372 bytes)\nCREATE angular-eslint/src/polyfills.ts (2338 bytes)\nCREATE angular-eslint/src/styles.scss (80 bytes)\nCREATE angular-eslint/src/test.ts (749 bytes)\nCREATE angular-eslint/src/assets/.gitkeep (0 bytes)\nCREATE angular-eslint/src/environments/environment.prod.ts (51 bytes)\nCREATE angular-eslint/src/environments/environment.ts (658 bytes)\nCREATE angular-eslint/src/app/app-routing.module.ts (245 bytes)\nCREATE angular-eslint/src/app/app.module.ts (393 bytes)\nCREATE angular-eslint/src/app/app.component.scss (0 bytes)\nCREATE angular-eslint/src/app/app.component.html (23364 bytes)\nCREATE angular-eslint/src/app/app.component.spec.ts (1097 bytes)\nCREATE angular-eslint/src/app/app.component.ts (219 bytes)\n✔ Packages installed successfully.\n    Successfully initialized git.\n```\n\n**2.** Now we will install the libraries and add the ESLint settings.\n\n```shell\nng add @angular-eslint/schematics\nℹ Using package manager: npm\n✔ Found compatible package version: @angular-eslint/schematics@14.0.2.\n✔ Package information loaded.\n\nThe package @angular-eslint/schematics@14.0.2 will be installed and executed.\nWould you like to proceed? Yes\n✔ Packages successfully installed.\n    \n    All @angular-eslint dependencies have been successfully installed 🎉\n    \n    Please see https://github.com/angular-eslint/angular-eslint for how to add ESLint configuration to your project.\n    \n    We detected that you have a single project in your workspace and no existing linter wired up, so we are configuring ESLint for you automatically.\n    \n    Please see https://github.com/angular-eslint/angular-eslint for more information.\n    \nCREATE .eslintrc.json (984 bytes)\nUPDATE package.json (1511 bytes)\nUPDATE angular.json (3447 bytes)\n✔ Packages installed successfully.\n```\n\n**3.** Next, we will run the command below to validate the ESLint installation and configuration.\n\n```shell\nnpm run lint\n\n\u003e angular-eslint@1.0.0 lint /home/rodrigokamada/angular-eslint\n\u003e ng lint\n\n\nLinting \"angular-eslint\"...\n\nAll files pass linting.\n```\n\n**4.** Ready! The message *All files pass linting.* shows that no problem was found.\n\n\n\n## Cloning the application\n\n**1.** Clone the repository.\n\n```shell\ngit clone git@github.com:rodrigokamada/angular-eslint.git\n```\n\n**2.** Install the dependencies.\n\n```shell\nnpm ci\n```\n\n**3.** Run the lint.\n\n```shell\nnpm run lint\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigokamada%2Fangular-eslint","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frodrigokamada%2Fangular-eslint","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigokamada%2Fangular-eslint/lists"}