jlongster/prettier

Prettier is an opinionated code formatter.

Tushar Mathur

@tusharmath

Input :point_down:

type O1 = {
  A: number
}


type O2 = {A: number}

Output :point_down:

type O1 = {
  A: number;
};

type O2 = { A: number };

It maintains initial newlines, does seem so opinionated in my opinion :D

Jed Fox

@j-f1

That’s an implementation choice @tusharmath —we break onto multiple lines of the object either doesn’t fit on one line or there’s a newline after the opening curly brace.

Tushar Mathur

@tusharmath

Tushar Mathur

@tusharmath

thank @j-f1

Mccoy

@chickenwing

Hi there, having a question regarding https://prettier.io/docs/en/integrating-with-linters.html#recommended-configuration - Do these instructions make the above "Disable formatting rules" and "Use ESLint to run Prettier" eslint configurations unnecessary?

Mccoy

@chickenwing

welp, just got my answer from https://cloudfour.com/thinks/getting-started-with-the-prettier-plugin-for-eslint/#comment-5322 ;)

Ayushi Jain

@ajain17

Hi All. Is there a configuration to prevent prettier from formatting react hooks into separate lines? I see a PR that might have solved this but don't see any configuration options that will help with this.

Erol

@FrEaKmAn

hi all, is there a way to prevent prettier adding final blank line for JSON files.. really don't see a reason why it's needed there

Ryan Zimmerman

@RyanZim

Anything in git should have a final blank line; most developers use git. There is no option to disable this

Christian Oliff

@coliff

Anything in git should have a final blank line

Where did you see that? It's my understanding that only JavaScript has a best practise tradition of adding a final blank line.

Ryan Zimmerman

@RyanZim

Not just a git thing; it's a Unix thing: https://stackoverflow.com/questions/729692/why-should-text-files-end-with-a-newline

nicklbirmingham

@nicklbirmingham

Anyone else having trouble with prettier in vscode

it's not working for me? it worked like one time and then quit

nicklbirmingham

@nicklbirmingham

This is the message I’m getting “Require config set to true and no config present. Skipping file”

These are the setting I have in the settings.json file
{
"prettier.requireConfig": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.fontSize": 16,
"editor.tabSize": 2,
"prettier.useEditorConfig": false,
"prettier.printWidth": 80,
"workbench.iconTheme": "material-icon-theme",
"editor.formatOnSave": true
}

Jed Fox

@j-f1

Do you have a Prettier config file in your repo @nicklbirmingham?

nicklbirmingham

@nicklbirmingham

I’m not sure. I am new to visual studio code how do I locate it?

Jed Fox

@j-f1

It would be in whatever folder your code is in. If not, I’d recommend turning off prettier.requireConfig.

nicklbirmingham

@nicklbirmingham

I’ll try turning prettier.requireConfig off 😀

Elliot

@raisonon

Is Prettier extension for VS Code using PSR-12 formatting for PHP code? Thanks in advance

Emmanuel Medina

@emmanuel_mg__twitter

Hi is there a guide to install @prettier-ruby plugin to work with VS-Code prettier extension?

Jan Opravil

@opravil-jan

Hello. I'm new to prettier and I run to the problem with formatting my async / await functions. In eslint configuration I have this rule dissabled have rule space-before-function-paren but still prettier is formatting the code incorrectly.
Expected formating:

test('Refresh token', async() {
      const response = await chakram.post(`/v2/sso/refresh`, {
        refreshToken
      })

      Joi.assert(response.body, validators.responsePostRefresh)
    })

Given:

test('Refresh token', async () {
      const response = await chakram.post(`/v2/sso/refresh`, {
        refreshToken
      })

      Joi.assert(response.body, validators.responsePostRefresh)
    })

Can you help me to not have space between async and brackets. What Am I missing?

Jed Fox

@j-f1

Can you make an example in the playground so I can better see the issue @opravil-jan? https://prettier.io/playground

Brad Cantrell

@maxirater

People who use Dart are very bothered by the 2-space indent enforced by dartfmt which automatically formats Dart and would like the option to be able to configure how Dart indent spacing is formatted. Im wondering if the Prettier plugin will ever support Dart since its very similar to Javascript. Here is a thread on github discussing this issue: Dart-Code/Dart-Code#914

Jed Fox

@j-f1

If someone finds a JS parser for Dart and writes a printer for it, we’ll be happy to add it to our list of plugins. However I don’t think we plan to add support for Dart by default at this time.

Andreas Opferkuch

@s-h-a-d-o-w

I recently started using prettier v2 and stumbled across this issue: https://prettier.io/docs/en/options.html#end-of-line
Maybe I'm just too dense but I've been working with Windows, Mac and Linux for years now, frequently on the same code bases and never had an issue with line endings. Except for the rare cases when people thought that it's a good idea to use forced line ending settings that clashed with git's autocrlf. Which is exactly what happened to me now.
git on Windows by default installs with autocrlf (unless this was changed recently too), so why oh why would you introduce conflicts with this only to protect from maybe 2% of Windows users who have their git settings wrong?

Andreas Opferkuch

@s-h-a-d-o-w

(I do realize that this can be overridden, I just think that the default setting should harmonize with git's default and would appreciate an explanation for why I'm wrong about that.)

Ryan Zimmerman

@RyanZim

https://prettier.io/blog/2020/03/21/2.0.0.html#change-default-value-for-endofline-to-lf-7435httpsgithubcomprettierprettierpull7435-by-kachkaevhttpsgithubcomkachkaev

Andreas Opferkuch

@s-h-a-d-o-w

Thanks but that just again describes the 2% case I mentioned and ignores the fact that now, millions of Windows users have to change their git configs to avoid seeing prettier errors on everything that they just cloned. As well as their IDE configs, since obviously some of them default to CRLF on Windows for good reason.

Andreas Opferkuch

@s-h-a-d-o-w

In case other confused/frustrated Windows developers end up here - this is a more substantial explanation for the "why oh why" 😉 prettier/prettier#5320

Clarence "Sparr" Risher

@sparr

is there a way to disable just one part or rule of prettier for a particular piece of code, short of turning it off entirely with // prettier-ignore ?

Ryan Zimmerman

@RyanZim

@sparr No

Tino Groteloh

@Tinoooo

Hi there. Is there a possibility for somebody to have a second look on prettier/eslint-plugin-prettier#94 ? I've been trying the whole day to fix that problem for me. No success :(

Thomas Jay Rush

@tjayrush

Hi. Love your tool, but I'm curious if this is open source. How can you support such an excellent tool? Is there a 'for-purchase' version with some additional feature? I'd pay.

Ryan Zimmerman

@RyanZim

@tjayrush AFAIK, there isn't a paid version, however, donations are appreciated: https://opencollective.com/prettier

(BTW, I'm not a member of the team, just an active community member)

Jed Fox

@j-f1

@tjayrush For companies, there’s Tidelift which is a paid support plan for a bunch of npm packages.

Chiawen Chen

@golopot

Hi, I am developing a prettier plug-in for SQL. And I am having difficulty understanding how comments are handled. I am reading the source of estree printer as an examplar. I suppose there should be codes that attach comments to ast nodes, also there should be codes that print leading and trailing comments attached to nodes. But I cannot find these said codes. Can you help me with an outline about how comments are handled?

Egor G

@kubk

Hi all, is there a list of popular recognizible open source projects using Prettier? I want to convince my colleague to switch to Prettier 😈

Ryan Zimmerman

@RyanZim

@kubk https://prettier.io/en/users/

Lean Junio

@leanjunio

Hey guys, does anybody know why prettier formats these two constructors differently on ts?

Chiawen Chen

@golopot

Prettier tries to fit it in one line when possible. The left example when fit in one line will exceed the configured maximum width, therefore it is broke into multiple lines.

Ben Schley

@bschley

Hello, how I can install the official prettier-php plugin for the prettier plugin for visual studio code? I read the documentation but I had no luck to get it running :/

I have prettier in visual studio code installed but not the plugin in the plugin. I talk from (https://github.com/prettier/plugin-php)

Thomas Jay Rush

@tjayrush

https://twitter.com/quickblocks/status/1255167852547657730

Eric Nemchik

@nemchik

i've come across something i don't love about prettier formatting in html (and other markup languages like xml or any using <tags>).

I start with one long line like this

<q-btn v-if="this.multifactorEnabled === false" name="multifactorEnabled" @click="enablesMfa">Enable MFA</q-btn>

prettier wraps that like so

<q-btn v-if="this.multifactorEnabled === false" name="multifactorEnabled" @click="enablesMfa"
  >Enable MFA</q-btn
>

but this is hideous. i reformat it to

<q-btn v-if="this.multifactorEnabled === false" name="multifactorEnabled" @click="enablesMfa">
  Enable MFA
</q-btn>

and prettier is fine with this. is there some kind of option to adjust this behavior?

Ryan Zimmerman

@RyanZim

https://prettier.io/docs/en/options.html#html-whitespace-sensitivity

Where communities thrive

People

Repo info

Activity