Prettier

Prettier

  • Playground
  • About
  • Usage
  • Blog
  • GitHub

›Editors

About

  • What is Prettier?
  • Why Prettier?
  • Prettier vs. Linters
  • Option Philosophy
  • Rationale

Usage

  • Install
  • CLI
  • API
  • Browser
  • Plugins (Beta)
  • Pre-commit Hook
  • Watching For Changes
  • Integrating with ESLint
  • Ignoring Code

Configuring Prettier

  • Options
  • Configuration File

Editors

  • Editor Integration
  • WebStorm Setup
  • Vim Setup

Misc

  • Technical Details
  • Related Projects
Edit

Editor Integration

Atom

Atom users can simply install the prettier-atom package and use Ctrl+Alt+F to format a file (or format on save if enabled).

Alternatively, you can use one the packages below, which behave similarly to prettier-atom but have a focus on minimalism.

  • mprettier
  • miniprettier

Emacs

Emacs users should see this repository for on-demand formatting.

Vim

Vim users can install either vim-prettier, which is Prettier specific, or Neoformat or ALE which are generalized lint/format engines with support for Prettier.

For more details see the Vim setup guide.

Visual Studio Code

prettier-vscode can be installed using the extension sidebar. Search for Prettier - Code formatter. It can also be installed using ext install prettier-vscode in the command palette. Check its repository for configuration and shortcuts.

If you'd like to toggle the formatter on and off, install vscode-status-bar-format-toggle.

Visual Studio

Install the JavaScript Prettier extension.

Sublime Text

Sublime Text support is available through Package Control and the JsPrettier plug-in.

JetBrains WebStorm, PHPStorm, PyCharm...

See the WebStorm setup guide.

← Configuration FileWebStorm Setup →
  • Atom
  • Emacs
  • Vim
  • Visual Studio Code
  • Visual Studio
  • Sublime Text
  • JetBrains WebStorm, PHPStorm, PyCharm...
Prettier
Docs
AboutUsage
Community
User ShowcaseStack OverflowChat on Gitter@PrettierCode on TwitterFollow Prettier on Twitter
More
BlogGitHubIssuesStar