Is there a config in prettier to keep line breaks?

Question

have a problem with prettier extension in VS Code, When I write this:

const result = await pool
      .request()
      .query('select NumberPlate, ID, TimeStamp from RESULTS order by ID');

and save the file, it turns into a single line like this:

const result = await pool.request().query('select NumberPlate, ID, TimeStamp from RESULTS order by ID');

with the following config in prettier:

{
    "git.confirmSync": false,
    "editor.minimap.enabled": false,
    "window.zoomLevel": 0,
    "liveServer.settings.donotShowInfoMsg": true,
    "workbench.startupEditor": "newUntitledFile",
    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
    "editor.formatOnSave": true,
    "prettier.printWidth": 200,
    "prettier.singleQuote": true,
    "prettier.arrowParens": "always",
    "editor.tabSize": 2,
    "editor.tabCompletion": "on"
}

Is there a way to avoid this from happening?

Thanks!

It could be great workaround, but I it would lead into inconvenients in other lines. U thought that it might be a simple thing to solve. Thanks for your suggestion. — juan ocho, Jul 10 '19 at 19:34
I've always wondered why they call this "prettier". Shouldn't it be called "uglifier" ? It only seems to ugilfy my code. — Oliver Watkins, Aug 26 '21 at 09:10

score 36 · Accepted Answer · answered Jul 10 '19 at 17:52

36

According to this Github issue and looking at the doc, it doesn't seem to be possible to configure it to keep line breaks.

You could however set a very short printWidth or put // prettier-ignore comment above your code.

answered Jul 10 '19 at 17:52

Antoine Gagnon

874
7
13

3

why have to set a very short printWidth? It's not working. We must use a larger number. I have to put the `// prettier-ignore` comment – Nam Lee Oct 06 '22 at 18:09

score 33 · Answer 2 · answered Jun 30 '21 at 10:56

33

Please try adding .prettierrc file to your code and adding a line in the object of the file.

"printWidth": 100

Reference screenshot:

answered Jun 30 '21 at 10:56

Rahul Mahadik

794
11
19

it's not working, 100 is short, how can it keep line breaks? We must use a larger number?? – Nam Lee Oct 06 '22 at 18:10
@NamLêQuý, this worked for me, but you can surely add more. You can also refer to the below URL for more info about the property. URL: https://prettier.io/docs/en/options.html#print-width – Rahul Mahadik Oct 08 '22 at 16:14

score 15 · Answer 3 · answered Sep 15 '20 at 12:15

15

Did not find a configuration. As a hack you might want to include a comment on the first line to break:

return ternaryExpression //
          ? trueResult
          : falseResult;

answered Sep 15 '20 at 12:15

Stefan

10,010
7
61
117

Jarred · Answer 4 · 2019-07-28T15:34:41.390

5

If you open VSC and go into settings then Extentions and click on "prettier" there's a check box ticked under Prettier: 'Require Config'. If that's unchecked it will break your lines automatically

edited Jul 28 '19 at 15:34

answered Jul 28 '19 at 14:56

Jarred

181
1
6

(No: you do not need to create some config file, just tick the box.) – BananaAcid Jan 21 '21 at 11:11
2

Not sure, but after the above is done, formatting is not done. Looks like, needs config file. – Manohar Reddy Poreddy Sep 05 '21 at 04:43
10

Not true. This only stops formatting because lack of config file. – oxk4r Dec 01 '21 at 17:18
16

This should not be the accepted answer. – Dennis Bauszus Jan 18 '22 at 13:38

Is there a config in prettier to keep line breaks?

4 Answers4

Linked

Related