配置更漂亮以在新行上推大括号而不清除空行

Question

I am using prettier with VSCode, How can I configure it to format my code like this :

function test() 
{

   if() 
      {

         MYCODE GOES HERE;

      }

}

I want the { and } on new lines, and an empty line after { and before } .

Currently, it moves the curly brackets to same lines if condition or function name, and also remove the empty lines after/before { and } .

Answer 1

Prettier is considered an " opinionated " formatter, which means it doesn't let you choose things like that. If you want more control over the formatting, you can use a different formatter.

The built-in VS code formatter allows you to do what you're looking for, just search the settings for " function new line " and similar options.

There are of course many other formatting extensions available in the VS code marketplace as well. Whichever you choose, you will have to select it has your default formatter in your VS code settings.

Answer 2

There is now a parser called Glimmer that supports Handlebars. Use it like this:

yarn prettier '**/*.hbs' --parser glimmer

In addition, check out this VSCode extension called Prettier for Handlebars .

Answer 3

As mentioned in this answer , VS Code's formatter itself works quite well, but if you want this to be part of workflow, then using ESLint might make things easier. There's a rule called brace-style .

You can then run eslint ./path/to/your/file --fix to format your code, or eslint . --fix eslint . --fix to format code in the entire project directory.

Disclaimer: I use ESLint for code formatting most of the time and it works for me. I actually use it to find & fix problems too so it's like killing two birds with one stone, but note that ESLint is more about finding problems in the code and fixing them, so using ESLint just for code formatting might not be the best idea.