[Prettier](https://github.com/prettier/prettier) to automatyczny formatter kodu. W przeciwieństwie do innych linterów, on nie tylko krzyczy, gdy kod nie trzyma się standardów formatowania, ale jest w stanie automatycznie go poprawić.
Aby zainstalować Prettier, wykonaj
```
# npm install -g prettier
```
Następnie skonfiguruj swoje IDE/edytor tekstu tak, aby automatycznie formatowały kod prettierem:
https://github.com/prettier/prettier#editor-integration
Ustalone w [tym wątku na forum](https://forum.sealcode.org/t/propozycja-uspojnienie-standardow-formatowania-kodu/1215) parametru Prettiera to (z pominięciem tych, które domyślnie mają już ustaloną przez nas wartość i nie trzeba ich oddzielnie ustawiać):
```
--tab-width=4 --trailing-comma=es5 --use-tabs
```
Skonfiguruj edytor/IDE tak, aby korzystały z powyższych ustawień.
== Atom ==
Gdy używamy atoma, wystarczy że zainsataluejmy odpowiednią paczkę używając apm (Atom Package Manager):
```
# apm install prettier-atom
```
By odpowiednio skonfigurować prettiera wchodzimy w ustawienia atoma (domyślnie CRL + < ), przechodzimy do zakładki 'Packages' wyszukujemy prettier-atom i klikamy 'Settings', znjadziemy się w miejscu ze wszystkimi ustawieniami prettiera. Na dole w znajduje się sekcja 'Prettier Options', ustawiamy:
* 'Tab Width' na 4
* 'Trailing Comma' na es5
* 'Use Tabs' na true
Dla wygody, wyżej można też zaznaczyć 'Format Files on Save'.
== Emacs ==
```lang=lisp, name=.emacs
(require 'prettier-js)
(setq exec-path (append exec-path '("/home/kuba/.nvm/versions/node/v6.11.2/bin"))) ;; jeżeli korzystamy z nvm. Znajdujemy ścieżkę za pomocą `whereis prettier` i usuwamy z niej `/prettier`
(add-hook 'js2-mode-hook 'prettier-js-mode)
(add-hook 'web-mode-hook 'prettier-js-mode)
(add-hook 'jsx-mode-hook 'prettier-js-mode)
(add-hook 'scss-mode-hook 'prettier-js-mode)
(add-hook 'css-mode-hook 'prettier-js-mode)
(add-hook 'html-mode-hook 'prettier-js-mode)
(custom-set-variables
'(prettier-js-args
(quote
("--trailing-comma" "es5" "--use-tabs" "--tab-width" "4")))
)
```