In .prettierrc, add:
{
"singleQuote": true,
"jsxSingleQuote": true
}
Answer from Edmar Miyake on Stack Overflowvisual studio code - VSCode single to double quote automatic replace - Stack Overflow
Single quotes are sometimes replaced with double quotes even when "prettier.singleQuote: true" is specified
Do you guys prefer single quotes or double quotes in JS and jQuery?
Prettier single quote for JavaScript and JSON, double quote for HTML, Sass and CSS - Stack Overflow
I don't have prettier extension installed, but after reading the possible duplicate answer I've added from scratch in my User Setting (UserSetting.json, Ctrl+, shortcut):
"prettier.singleQuote": true
A part a green warning (Unknown configuration setting) the single quotes are no more replaced.
I suspect that the prettier extension is not visible but is embedded inside the Vetur extension.
Well, like @user2982122 mentioned but instead of File go to Code -> Preferences -> Settings, then look for Quote, select Prettier and check both boxes

I am talking about instances like:
$("#main h2").css("border", "1px solid red");
OR
$('#main h2').css('border', '1px solid red'); I've seen most people use the single quotes so it left me wondering if double quotes seems a bit unprofessional. I also find the code looking a bit more cute with single quotes. What do you normally prefer?
In addition to @Barmar answer, you could also use prettier configuration on a .eslintrc.js file using the following, property:
rules: {
// ...
'prettier/prettier': ['error', { singleQuote: true }]
}
The two answers here helped me get to the solution that worked for me. In my .eslintrc file, I added the following:
"rules": {
"prettier/prettier": ["error", { "singleQuote": true }]
}