Unibeautify
  • Install
  • Docs
  • Assistant
  • Playground
  • GitHub

›Beautifiers

About

  • What is Unibeautify
  • Unibeautify CI
  • Credits

Usage

  • Getting Started
  • Command-Line Interface (CLI)
  • Configuration File
  • Language Options
  • Beautifier Options
  • Supported Languages
  • Editor Integration

Contributing

  • Examples

Integrations

  • GitHub
  • GitLab
  • Bitbucket

Beautifiers

  • Black
  • Brittany
  • ClangFormat
  • CSScomb
  • ESLint
  • Gofmt
  • JS-Beautify
  • PHP-CS-Fixer
  • PHP_CodeSniffer
  • Prettier
  • Pretty Diff
  • sqlformat
  • stylelint
  • TSLint
  • YAPF
Edit

Prettier Beautifier

npm downloads GitHub Stars GitHub Issues

Edit Prettier Beautifier

About

Prettier beautifier for Unibeautify

PackageDocsLatest
@unibeautify/beautifier-prettierv0.9.0npm
unibeautifyv0.17.1npm
prettierv1.19.1npm

Install

Install with npm:

npm install --save-dev unibeautify prettier @unibeautify/beautifier-prettier

Or with yarn:

yarn add --dev unibeautify prettier @unibeautify/beautifier-prettier

Usage

Add Prettier to beautifiers language option. A .unibeautifyrc.json file would look like the following:

{
  "LANGUAGE_NAME": {
    "beautifiers": [
      "Prettier"
    ]
  }
}

Note: The LANGUAGE_NAME should be replaced with your desired supported language name, such as CSS, GraphQL, JSON, etc.

Advanced

The following beautifier option(s) are supported:

  • prefer_beautifier_config

See beautifier options docs for more information.

Example advanced configuration:

{
  "LANGUAGE_NAME": {
    "beautifiers": [
      "Prettier"
    ],
    "Prettier": {
      "prefer_beautifier_config": true
    }
  }
}

Options

OptionCSSGraphQLJSONJSON5JSXJavaScriptLessMarkdownSCSSTypeScriptVue
Arrow Parens❌❌❌❌✅✅❌❌❌✅❌
End With Comma❌❌❌❌✅✅❌❌❌✅❌
End With Semicolon❌❌❌❌✅✅❌❌❌✅❌
Indent Size✅✅✅✅✅✅✅❌✅✅✅
Indent Style✅✅✅✅✅✅✅❌✅✅✅
JSX Brackets❌❌❌❌✅✅❌❌❌✅❌
Object Curly Spacing❌❌❌❌✅✅❌❌❌✅❌
Pragma Insert✅✅❌❌✅✅✅✅✅✅✅
Pragma Require✅✅❌❌✅✅✅✅✅✅✅
Quotes❌❌❌❌✅✅❌❌❌✅❌
Wrap Line Length✅✅❌❌✅✅✅✅✅✅❌
Wrap Prose❌❌❌❌❌❌❌✅❌❌❌

FAQ

How to use Prettier in Atom, VSCode, and other editors?

See the editor integration documentation for installation instructions for your editor of choice.

How to use Prettier configuration file?

You can override Unibeautify configuration and use Prettier's own configuration file instead with prefer_beautifier_config beautifier option.

{
  "LANGUAGE_NAME": {
    "beautifiers": [
      "Prettier"
    ],
    "Prettier": {
      "prefer_beautifier_config": "path/to/Prettier/config/file"
    }
  }
}

See beautifier options docs for more information.

How to enable Prettier to format on save?

See the editor integration documentation for format on save instructions for your editor of choice.

How to run Prettier on all files?

You can run Prettier on all of your files for every commit with Unibeautify CI.

Is there a Prettier sandbox or playground?

You can quickly try Prettier online with Unibeautify Playground.

← PHP_CodeSnifferPretty Diff →
  • About
  • Install
  • Usage
    • Advanced
  • Options
  • FAQ
    • How to use Prettier in Atom, VSCode, and other editors?
    • How to use Prettier configuration file?
    • How to enable Prettier to format on save?
    • How to run Prettier on all files?
    • Is there a Prettier sandbox or playground?
Unibeautify
Docs
Getting StartedCLIConfigurationOptions
Community
User ShowcaseStack Overflow@Unibeautify on TwitterFollow Unibeautify on Twitter
More
GitHubStar Unibeautify on GitHubCode coverage of UnibeautifyCode coverage of Unibeautify
© 2020 Glavin Wiechert
Credits