DEV Community

Cover image for Add EsLint to existing Angular Project and Configure WebStorm
Alireza Razinejad
Alireza Razinejad

Posted on

3 1

Add EsLint to existing Angular Project and Configure WebStorm

So as Angular CLI no longer generate new project with deprecated tslint, after we create new one we need to add linting manually.

For that we are going to use a library called angular-eslint, the process is as easy as just using

ng add @angular-eslint/schematics
Enter fullscreen mode Exit fullscreen mode

After that we will have .eslint in the app root directory, so we will be able to enjoy keeping the quality of the code.

Add it to IDE

To enable ESLint on the IDE we should do some configurations on the IDE

WebStorm

Inside the IDE press ctrl + alt + s to open settings, head to Language & Frameworks > JavaScript > Code Quality Tools > ESLint

If it is disabled, you can enable it by setting it to Automatic or Manual ESLint configuration, which I prefer the manual config as we can use the field ESLint package to introduce .eslint to the IDE.

VSCODE

Extension
ESLint + VSCode

Hope you like it,
Thank you for reading

Heroku

Built for developers, by developers.

Whether you're building a simple prototype or a business-critical product, Heroku's fully-managed platform gives you the simplest path to delivering apps quickly — using the tools and languages you already love!

Learn More

Top comments (0)

Image of Quadratic

Free AI chart generator

Upload data, describe your vision, and get Python-powered, AI-generated charts instantly.

Try Quadratic free

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay