Prettier - formatter kodu
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 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'.
F45802: image.png | |
Nov 27 2018, 13:09 |
F44556: image.png | |
Nov 11 2018, 11:23 |
F44552: image.png | |
Nov 11 2018, 11:23 |
F44550: Settings - VSCodium_182.png | |
Nov 11 2018, 11:23 |
F44546: Extension: Prettier - Code formatter - VSCodium_179.png | |
Nov 11 2018, 11:23 |
F44548: VSCodium_181.png | |
Nov 11 2018, 11:23 |
F44542: VSCodium_177.png | |
Nov 11 2018, 11:23 |
F44544: VSCodium_178.png | |
Nov 11 2018, 11:23 |
- Last Author
- arkadiusz-wieczorek
- Last Edited
- Feb 9 2018, 08:33