Having trouble😫 with VS code💻 formatOnSave lately?

If you are like me, then you like your tools.

One of the most important tools in a coder's workflow is automation & I really like automating repetitive tasks like code formatting & linting.

With the availability of extensions like eslint for VS code, setting it up is as simple as installing the extension and maintaining a .eslintrc.js file in the repo.

But lately, I have been facing some issues with the formatOnSave in VS code. My code seemed to behave weird like it was getting formatted and getting un-formatted on every save:

I had to do some research around it and got to the bottom of it. It was related to this settings migration by VS code: https://github.com/microsoft/vscode-eslint#settings-migration

The solution to fix it was simple:

From the vs code settings (which you can open by doing cmd+, or opening settings.json), remove the line number 88 and add line numbers 89-92. Doing that will successfully migrate you to the new settings.

Hope that saved you from an afternoon of headache.

Cheers!