Oprea.Rocks LogoLife between pen, paper and computer

Automatically fix ESLint code validation errors in Visual Studio Code

Automatically fix ESLint code validation errors in Visual Studio Code

Watch the video here: https://youtu.be/zph3gV15__I

Just found this very interesting feature in Visual Studio Code. It turns out that if you break a style rule, and you get a warning from ESLint, if you click on the lightbulb that appears on the gutter, near the line number where the error is, you get a "Fix problem" option.

At first, I wasn't sure if this was built into VSCode or in the the ESLint extension I'm using. After looking into this, I found that the extension not only provides that functionality but it offers many more nice things like auto fixing all "fixable" validation errors on save.

Check it out: ESLint by Dirk Baeumer. By the way, it has 1.5+m installs!

If you found this video useful, share it, subscribe to the channel, follow me on Twitter and Medium.

READMORE

Update: Follow-up video - Fix all errors

Watch the video here: https://youtu.be/qYOw2z6Og8I

This update comes after I started some refactoring work on a personal project. It was then, when I saw that the plugin is also able to fix multiple style errors. Check it out!

Photo credits:

Mitch BarrieAutomation