Prettier

字数 159 · 2020-04-28

#web

https://prettier.io/

Perttier removes all original styling and ensures that all outputted code conforms to a consistent style.

Supported file

  • Angular
  • Vue
  • JavaScript, TypeScript
  • CSS, LESS, SCSS
  • HTML
  • JSON

JSX, Flow, Markdown, YAML …

vs. Linters

Linters have two categories of rules:

Formatting rules: eg: max-len, no-mixed-spaces-and-tabs, keyword-spacing, comma-style…

Prettier alleviates the need for this whole category of rules! Prettier is going to reprint the entire program from scratch in a consistent way, so it’s not possible for the programmer to make a mistake there anymore :)

Code-quality rules: eg: no-unused-vars, no-extra-bind, no-implicit-globals, prefer-promise-reject-errors…

Prettier does nothing to help with those kind of rules. They are also the most important ones provided by linters as they are likely to catch real bugs with your code!

Options

  • printWidth
  • tabWidth