prettier-config-webchannel v0.1.2
prettier-config-webchannel
Sharing a Prettier configuration Prettier config.
Installation
yarn add --dev prettier-config-webchannel
or
npm install prettier-config-webchannel --save-dev
Usage
In your package.json
:
{
"name": "my-library",
"version": "1.0.0",
"prettier": "prettier-config-webchannel"
}
If you don't want to use your package.json
, you can create a .prettierrc.json
file in your projects root directory.
"prettier-config-webchannel"
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('prettier-config-webchannel'),
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
Remove parentheses around a sole arrow function parameter.
"arrowParens": "avoid"
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": "preserve"
19.11 Bracket Spacing
Do not 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": "es5"
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