Make Prettier and eslint play well together

I recently started working on an old webapp. VSC's Prettier plugin keeps replacing quotes by double quotes, and eslint keeps complaining that I should use single quotes.

Here's what I used to fix it:

Trying to override eslint (using prettier) to use single quotes not double · Issue #2280 · prettier/prettier
Hi, I have passed command line arguments to prettier so it is formatting the way I want using single quotes. I setup eslint as per the instructions but i can't seem to override the quotes rule,...

Basically,

  • I created a .prettierrc config file to make it Prettier use single quotes.
  • I modified the .eslintrc config file to make eslint use Prettier rules.