Prettier - An opinionated code formatter.

  •        469

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. 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!



Related Projects

prettier-atom - An atom package for the prettier formatter.

  •    Javascript

Atom package to format your JavaScript, Typescript, CSS, Sass, and JSON using Prettier. Optionally integrates with ESLint, EditorConfig, and stylelint. Or go to Settings → Install and search for prettier-atom.

atom-beautify - :lipstick: Universal beautification package for Atom editor (:warning: Currently migrating to https://github

  •    CoffeeScript

Atom-Beautify respects the core.telemetryConsent configuration option from Atom editor. If you do not wish to have usage data sent to Google Analytics then please set core.telemetryConsent to no or undecided option before using Atom-Beautify. See Anonymous Analytics section of docs for details. Thank you. Atom-Beautify is going to be completely rewritten with Unibeautify at its core! See unibeautify branch for work in progress and Issue #1174.

prettier-eslint - Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:

  •    Javascript

The fix feature of eslint is pretty great and can auto-format/fix much of your code according to your ESLint config. prettier is a more powerful automatic formatter. One of the nice things about prettier is how opinionated it is. Unfortunately it's not opinionated enough and/or some opinions differ from my own. So after prettier formats the code, I start getting linting errors. This formats your code via prettier, and then passes the result of that to eslint --fix. This way you can get the benefits of prettier's superior formatting capabilities, but also benefit from the configuration capabilities of eslint.

plugin-php - Prettier PHP Plugin

  •    Javascript

Please note that this plugin is currently in alpha stage and still under active development. We encourage everyone to try it and give feedback, but we don't recommend it for production use yet. 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.

plugin-ruby - Prettier Ruby Plugin

  •    Javascript

@prettier/plugin-ruby is a prettier plugin for the Ruby programming language (versions 2.5 and above). prettier is an opinionated code formatter that supports multiple languages and integrates with most editors. The idea is to eliminate discussions of style in code review and allow developers to get back to thinking about code design instead. To run prettier with the Ruby plugin, you're going to need ruby (version 2.5 or newer) and node (version 8.3 or newer). If you're integrating with a project that is not already using prettier, you should use the ruby gem. Otherwise you can use the npm package directly.

prettier-eslint-cli - CLI for prettier-eslint

  •    Javascript

You have a bunch of files that you want to format using prettier-eslint. But prettier-eslint can only operate on strings. This is a CLI that allows you to use prettier-eslint on one or multiple files. prettier-eslint-cli forwards on the filePath and other relevant options to prettier-eslint which identifies the applicable ESLint config for each file and uses that to determine the options for prettier and eslint --fix.

rufo - The Ruby Formatter - created by @asterite

  •    Ruby

Rufo is as an opinionated ruby formatter, intended to be used via the command line as a text-editor plugin, to autoformat files on save or on demand. Unlike the best known Ruby formatter RuboCop, Rufo offers little in the way of configuration. Like other language formatters such as gofmt, prettier, and autopep8, we strive to find a "one true format" for Ruby code, and make sure your code adheres to it, with zero config where possible.

prettier-vscode - Visual Studio Code extension for Prettier

  •    TypeScript

VS Code package to format your JavaScript / TypeScript / CSS using Prettier. ⚠ A word of warning-if you have any other code formatting extensions installed such as for example hugely popular HookyQR.beautify or taichi.react-beautify they might take precedence and format your code instead of Prettier leading to unexpected results.

tslint-config-prettier - Use tslint with prettier without any conflict

  •    TypeScript

Do you want to use TSLint and Prettier without conflicts? tslint-config-prettier disables all conflicting rules that may cause such problems. Prettier takes care of the formatting whereas tslint takes care of all the other things. Check how it works in this tutorial.

prettier-plugin-sort-imports - A prettier plugin to sort imports in typescript and javascript files by the provided RegEx order

  •    TypeScript

A prettier plugin to sort import declarations by provided RegEx order. Add an order in prettier config file.

typescript-formatter - Formatter of TypeScript code

  •    TypeScript

A TypeScript code formatter powered by TypeScript Compiler Service. If no files are specified on the command line but a TypeScript project file (tsconfig.json) exists, the list of files will be read from the project file.

prettier-plugin-svelte - Format your svelte components using prettier.

  •    TypeScript

Format your Svelte components using Prettier. This plugin comes with Svelte for VS Code and Svelte for Atom so just install the extension for your favorite editor and enjoy.

FSharp.Formatting - F# tools for generating documentation (Markdown processor and F# code formatter)

  •    F#

The F# Formatting libraries (FSharp.CodeFormat.dll and FSharp.Markdown.dll) include an F# implementation of a Markdown parser and an F# code formatter that can be used to tokenize F# code and obtain information about tokens including tool-tips (as in Visual Studio and MonoDevelop) with type information. The library also comes with a sample that implements literate programming for F#.F# Formatting: Documentation tools provides more information about the library, how to contribute, etc. It also includes links to tutorials showing how to use the Markdown parser and F# code formatter.

react-typescript-web-extension-starter - :desktop_computer: A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap

  •    Javascript

🖥️ A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, EsLint, Prettier, Jest, Bootstrap,x & Webpack. Compatible with Google Chrome, Mozilla Firefox, and Brave. In Google Chrome, open up chrome://extensions in a new tab. Make sure the Developer Mode checkbox in the upper-right corner is turned on. Click Load unpacked and select the dist directory in this repository - your extension should now be loaded.

Next-js-Blog-Boilerplate - 🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework

  •    TypeScript

🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS. Clone this project and use it to create your own Next.js blog. You can check a Next js blog templates demo.

Mantine - A fully featured React components library includes more than 120 customizable components and hooks

  •    Typescript

Mantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.

gts - ☂️ TypeScript style guide, formatter, and linter.

  •    TypeScript

NOTE: THIS README refers to the master branch which corresponds to the upcoming 1.0 release. To view documentation for the currently released version of this module see: gts is Google's TypeScript style guide, and the configuration for our formatter, linter, and automatic code fixer. No lint rules to edit, no configuration to update, no more bike shedding over syntax.

precise-commits - :sparkles: Painlessly apply Prettier by only formatting lines you have modified anyway!

  •    TypeScript

🔎 It is simply the most exact and least disruptive way to add consistent code formatting (by Prettier) to an existing codebase. Implementing a new code-style in an existing codebase can be really tricky.

exfmt - 🌸 An opinionated Elixir source code formatter.

  •    Elixir

exfmt is in alpha. If you run into any problems, please report them. The format produced by exfmt will change significantly before the 1.0.0 release. If this will cause problems for you, please refrain from using exfmt during the alpha- and beta-test periods.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.