Making Webstorm use single quotes for prettier

Question

I am looking for a way to change the double quotes (default behavior) to single quotes. I've read the docs and tried to search online but the normal way of doing it does not seem to work.

I've adapted the package.json in various ways, none have worked and this is my latest try:

"prettier": {
    "singleQuote": true
},

I don't know how to do it. The documentation is pretty bad on this one. They mention configs as well but I wouldn't know how to place them either.

Someone with a similar question: WebStorm: configure Prettier to use tabs?

Answer 1

WebStorm allows importing code style preferences from prettier. For example:

press Yes to get settings applied - they will be used when you reformat your code with Code | Reformat code, as well as when running Reformat with Prettier action

Edit: Due to https://github.com/prettier/prettier/pull/2434 fix, Prettier (even global!) uses configuration file nearest to current file (up the directory tree) when formatting.

So, you can install it globally and configure it in your project, by adding the corresponding .prettierrc file or "prettier" section in project package.json.