Prettier is amazing code formatter and help to don't be worried about your own code style.
Prettier allow us to define a set of formatter rules but we can write our code as wherever we want but when you save the formatter apply these rules.
A good news is that Prettier it works like a charm with vscode but for WebStorm need some extra clicks.
These are my steps for work with prettier with webstorm.
1- Be sure you have prettier in your project or install it globally.
npm install -g prettier
and check options.
[✅] On code reformat.
[✅] On save.
Thanks @dinaelurdaneta we can use prettier with sass or scss files using stylelint and extra setup for prettier.
1- Install stylelint local or globally.
npm install -g stylelint
2- Add scss and sass extension into Run for file glob pattern.