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.
Answer from attdona on Stack OverflowI 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

Trying to override eslint (using prettier) to use single quotes not double
Do you guys prefer single quotes or double quotes in JS and jQuery?
Prettier "prettier.singleQuote" not working in 1.40 vs code
"prettier.singleQuote: true" not being honored for vanilla javascript files
Videos
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 }]
}