Home / Questions / 262079
Accepted
Diego
Asked: 2020-05-10 01:46:18 +0800 CST 2020-05-10 01:46:18 +0800 CST

Prettier configuration and line breaks

  • 772

I have a problem with the prettier configuration.

In the html, in the lines of javascript links, for example:

<link rel="stylesheet" type="text/css" href="custom-components/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css">

It formats them for me, with a format that I do not consider correct

<link 
rel="stylesheet" 
type="text/css" 
href="custom-components/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css"
>

Does anyone know how to avoid it? I have tried many configurations, reviewed their documentation, but I don't see anything in this regard.

I have reviewed the configuration --print-width <int>changing it for several values, 200, 500... and I don't see any change, it keeps making me the line break.

html

2 Answers

  1. Best Answer

    The option you are looking for is: --print-width <int>if you use it by CLI or printWidth: <int>if you configure it from a file, in the same documentation they warn that it is not convenient for the number to be greater than 80, which is the standard configuration and an industry standard as well.

    https://prettier.io/docs/en/options.html

    • 1

  2. In case someone does not know how to do it (as was my case) they can do it in the following way: 1- in vscode touch the gear and go to configuration 2- in the configuration search for prettier 3- go down until you find the Prettier option: print width and change the value from 80 to 120 (it is the default in vscode) or to the value you want

    • -1