Prettier RC

Prettier is an awesome tool and it's focused on doing what it does best, making your code pretty :sparkles:.

That means there's no much effort going into adding support for configuration options, so this project adds them.

:clipboard: Install

1yarn add --dev prettier prettierrc

:wrench: Config

Add your .prettierrc config file. It should look something like:

1{
2    "useTabs": false,      // Indent lines with tabs instead of spaces.
3    "printWidth": 80,      // Specify the length of line that the printer will wrap on.
4    "tabWidth": 2,         // Specify the number of spaces per indentation-level.
5    "singleQuote": false,  // Use single quotes instead of double quotes.
6    /**
7     * Print trailing commas wherever possible.
8     * Valid options:
9     *   - "none" - no trailing commas
10     *   - "es5" - trailing commas where valid in ES5 (objects, arrays, etc)
11     *   - "all" - trailing commas wherever possible (function arguments)
12     */
13    "trailingComma": "none",
14    /**
15     * Do not print spaces between brackets.
16     * If true, puts the > of a multi-line jsx element at the end of the last line instead of being
17     * alone on the next line
18     */
19    "jsxBracketSameLine": false,
20    /**
21     * Specify which parse to use.
22     * Valid options:
23     *   - "flow"
24     *   - "babylon"
25     */
26    "parser": "babylon",
27    /**
28     * Do not print semicolons, except at the beginning of lines which may need them.
29     * Valid options:
30     * - true - add a semicolon at the end of every line
31     * - false - only add semicolons at the beginning of lines that may introduce ASI failures
32     */
33    "noSemi": true,
34    /**
35     * Add additional logging from prettierrc (not prettier itself).
36     * Defaults to false
37     * Valid options:
38     * - true - enable additional logging
39     * - false - disable additional logging
40     */
41    "rcVerbose": true
42}

These are prettier defaults, any option omitted will use these values.

:pencil2: Usage

Check the /example folder for usage examples. Other than the .prettierrc file the rest of the setup is well described on the prettier docs.