Installation

``sh
npm install prettier prettier-airbnb-config --save-dev
`

Usage


In your package.json:
`javascript
{
"name": "my-library",
"version": "1.0.0",
"prettier": "prettier-airbnb-config"
}
`

If you don't want to use your package.json, you can create a .prettierrc.json file in your projects root directory.
`javascript
"prettier-airbnb-config"
`

If you would like to extend or modify these properties, create a .prettierrc.js file in your projects root directory and export your desired modifications.
`javascript
module.exports = {
...require('prettier-airbnb-config'),
printWidth: 120
};
`

Properties

$3

> Only quote properties that are invalid identifiers.

"quoteProps": "as-needed"

$3

> Use single quotes instead of double quotes.

"singleQuote": true

$3

> Remove parentheses around a sole arrow function parameter.

"arrowParens": "avoid"

$3

> Use soft tabs (space character) set to 2 spaces.

"tabWidth": 2

"useTabs": false

$3

> Specify the line length that the printer will wrap on. Wrap prose if it exceeds the print width.

"printWidth": 100

"proseWrap": "always"

$3

> Do not print spaces between brackets in object literals.

"bracketSpacing": false

$3

> Print trailing commas wherever possible when multi-line. (A single-line array, for example, never gets trailing commas.)

"trailingComma": "es5"

$3

> Print semicolons at the ends of statements.

"semi": true

JSX Properties

Prettier allows some React/JSX properties to be configured. If your project doesn't use React, no need to worry; these properties won't be applied to your project!

$3

> Use double quotes in JSX.

"jsxSingleQuote": false

$3

> If your component has multi-line properties, close its tag on a new line.

"jsxBracketSameLine": false`