falsefalse / prettier-hbs

Prettier is an opinionated code formatter.

This fork hacks in marginally better Handlebars support.

• support one-line blocks inside attr values (conditional attr values)
• support one-line blocks inside tags (conditional attrs)
• support {{> partials
• no more />
• force \n at eof
• force single quote in expressions {{t 'something'}}

How to use

• yarn add [global] prettier-hbs or
• npm [-g] i prettier-hbs

Specify parser for hbs in your config

{
  "overrides": [
    {
      "files": "*.hbs",
      "options": {
        "parser": "glimmer"
      }
    }
  ]
}

$ prettier-hbs [options] [path]

Opinionated Code Formatter

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML
Your favorite language?

Intro

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

Input

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

Output

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

Prettier can be run in your editor on-save, in a pre-commit hook, or in CI environments to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!

---

Documentation

Install · Options · CLI · API

Playground

---

Badge

Show the world you're using Prettier →

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

Contributing

See CONTRIBUTING.md.