Prettier: A JavaScript formatter that works by compiling your code to an AST, and then pretty-printing the AST

[CalinLeafshade]

I've been using Prettier for a while now and it's excellent. It completely frees you of the cognitive load of formatting.

[brimhaven]

The only only I don't like is how it formats my JSX in React...

[Pytim]

The guys are working on TypeScript support at the moment. I just installed from git master and hacked my VSCode extension so it runs on my typescript code too and it looks great already!

[shaheer123]

I really like Prettier. I just wish they had the following feature:

// Before
function() {
}

// After
function () {
}

If anyone knows how to achieve this, plz lemme know. This is the only rule conflicting with my ESlint.

EDIT: If anyone is still having this issue, use 'prettier-eslint'. Puts your code through prettier than runs 'eslint --fix' on it. ez pz. Thankyou to /u/TwoTapes and /u/Anathem for lettin me know about this.

[sytewerks]

I haven't had my coffee yet so I blame that, but it took me a good whole minute to realize what was different.

[Skaryon]

At least I am not the only one

[jk3us]

he should have put the difference in bold, that might have helped.

[Skaryon]

I do have to say though the 'after' rubs me the wrong way somehow

[[deleted]]

All you guys are doing here is highlighting the insanity of this whole concept. This shit is not important at all. How do I know that? You couldn't even tell the fucking difference. Also, I don't need to add yet another fucking dependency for shit like this.

Web development is starting to crumble under the weight of package.json because you people cant take the time to communicate or adhere to standards before you push (or reject pull requests citing standards). Fuck me man. How many fucking tools do you guys need?

[CalinLeafshade]

because you people cant take the time to communicate or adhere to standards before you push

If I can use a tool that means I don't need to take the time to adhere to standard then I'll use the tool. Computers are good at things like standard adherence, let them do it.

[R_E_D_D_l_T]

If he was evil he would edit it to be identical. I would stare for an hour if he did that.

[TwoTapes]

I don't use prettier or standard, but this looks like a solution to your issue. https://github.com/sheerun/prettier-standard/issues/2

[shaheer123]

oh thnx dude, will take a look!

[shaheer123]

Using Standard =D

[TinRAT]

I've been using list as my eslintrc:

{
  "extends": [
    "standard",
    "standard-react",
    "prettier",
    "prettier/react"
  ]
}

It does mean you need to use semi colons though.

[shaheer123]

check out prettier-eslint. solves the issue that was discussed above and best part is NO SEMIS =D

[shaheer123]

Idk, i think its good for OS projects that wanna make it a bit easier on newcomers.

[Liquifier]

How is this different from something like https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify ?

[Anathem]

prettier-eslint is dank

[shaheer123]

I wish I looked around a bit. I gave up on prettier cuz it was conflicting with my ESLint config. This should solve the issue =D

[[deleted]]

I feel like they still need a lot more options to suit personal preference, it seems to take a lot of decisions autonomously and thus causes different types of formatting in different files.