stark-prettier-config

A Prettier configuration based off the Airbnb JavaScript style guide for Stark

Installation

npm i prettier @stark-tech-space/stark-prettier-config -D

Usage

In your package.json:

{
  "name": "my-library",
  "version": "1.0.0",
  "prettier": "@stark-tech-space/stark-prettier-config"
}

If you don't want to use your package.json, you can create a .prettierrc.json file in your projects root directory.

'@stark-tech-space/stark-prettier-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.

module.exports = {
	...require('@stark-tech-space/stark-prettier-config'),
	printWidth: 120,
};

Properties

3.6 Quote Props

Only quote properties that are invalid identifiers.

"quoteProps": "as-needed"

6.1 Quotes

Use single quotes instead of double quotes.

"singleQuote": true

8.2 Arrow Function Parentheses

Keep parentheses around a sole arrow function parameter.

"arrowParens": "always"

19.1 Tabs and Tab Width

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

"tabWidth": 2

"useTabs": false

19.3 Print Width and Wrapping

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

"printWidth": 100

"proseWrap": "always"

19.11 Bracket Spacing

Always print spaces between brackets in object literals.

"bracketSpacing": true

20.2 Trailing Commas

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

"trailingComma": "all"

21.1 Semicolons

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!

Quotes

Use double quotes in JSX.

"jsxSingleQuote": false

Tags

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

"jsxBracketSameLine": false