[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 - 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 ```

Prettier is an automatic code formatter. Unlike other linters, it doesn't just complain when the code doesn't adhere to formatting standards, but it can also automatically fix it. Using Prettier eliminates arguments about code formatting and allows you to focus on what the code does during reviews, rather than how it looks :) ## Example You can see Prettier in action [here](https://prettier.io/playground/#N4Igxg9gdgLgprEAuEAzArlMMCW0AEAEnADYkQDqEATiQCYAUwA5tXHLlM-gLz4A6IABalyggDT5W7eHV74A5IKq06ghZIDOOEghjzUAQxKa4k6AFkI6UwHkAbnGriAvgEp8wflHwCfv-AAeTRhqaGYAPmApNg4cLgA6TRIcMDgGfAAGSQBGfDcEmAgAVQAHUqcAYUNTBg8AahiZeOYklLSGHIKigBkIAHcqmvSPF0CAehCwrgjvAM9pOMSEOk0KHBghBglBDwB+ARBD-CQgzVLDHxCAT10eYGBIcmpTpX5pa4UXF1mQSUEJudLhF8C45gFAnAALazKD8GDRRayUHeeETaGw+bRBjaXSwNzg+YHQQJQSEgKnQQAQkEYLh-l8EzoOHsEQA3KioC4-iAIKVcNBNMhQIZqGF+gAFUUIIUoQz2CA4Og8gBG1EMYAA1hwAMoXMAtZChdBmYQwKEkChCDZwIFpHUyjYsjbXZDgTRC8QgeKmagwCXq5hQwzIIwmU0AK00AA8AELqrW6wxQuA9eJwUPGUxeqPRnUtXQARXQEHgmfDXou1F9bpVhhVt2gPNK1HiMHWdE2yAAHNkQC2IKYKOrSm6W7anI4eWwAI7oHBsAOGIMhpBh7MgUxQnBG6gmr3aLhFktltdZ00wesdrtIABMXtChh0LUqEChwbdUGgGa9NjgABV61ldc4G+IA) ## Installation To install Prettier, run: ``` # npm install -g prettier ``` Make sure you're using prettier 1.15.1 or newer: ``` $ prettier -v 1.15.1 ``` Then configure your IDE to use Prettier for supported languages: https://github.com/prettier/prettier#editor-integration Use this prettier config: https://hub.sealcode.org/diffusion/PLAY/browse/master/.prettierrc You can put a copy of the above linked file in the root of your project - then your IDE should automatically pick that up and pass to Prettier. == Emacs == If you're using straight, this config should work fine: ```lang=lisp, name=.emacs.d/init.el (setq exec-path (append exec-path '("/home/kuba/.nvm/versions/node/v6.11.2/bin"))) ;; find your path to prettier with `which prettier` and remove `prettier` from the path and use that path as the string in this setting (use-package prettier :straight t :hook (typescript-ts-mode js-ts-mode web-mode html-mode css-mode scss-mode css-ts-mode json-mode yaml-mode json-ts-mode tsx-ts-mode yaml-ts-mode typescript-ts-base-mode)) ``` == VS Codium / VS Code == After installing Prettier on your system (see the commands at the beginning of this article), open VS Codium, launch the "Command Palette" using the key combination {key ctrl shft P}. {F44540} Type "Install extensions" and press {key enter}. {F44542} In the extensions search bar, type "prettier" and select the first option: {F44544} After successful installation, click "reload": {F44546} Prettier is now installed! Now it's time to configure it. Open the "Settings" view using the Command Palette: {F44548} Type "prettier" in the search bar: {F44550} and then set the following options to the specified values: {F44552} {F44554} {F44556} In the configuration, also set "format on save" to true: {F45802} If saving still doesn't work, try setting Prettier as the default formatter: [Ctrl+,] -> "Editor: Default Formatter" -> "esbenp.prettier-vscode".

[Prettier](https://github.com/pPrettier/prettier) tor is an automatyczny formatter kodu. W przeciwieństwie do innych linterów,ic code formatter. on nie tylko krzyczyUnlike other linters, gdy kod nie trzyma się standardówit doesn't just complain when the code doesn't adhere to formatowaniatting standards, ale jest w staniebut it can also automatycznie go poprawićically fix it. Aby zainstalowaćUsing Prettier eliminates arguments about code formatting and allows you to focus on what the code does during reviews, rather than how it looks :) ## Example You can see Prettier in action [here](https://prettier.io/playground/#N4Igxg9gdgLgprEAuEAzArlMMCW0AEAEnADYkQDqEATiQCYAUwA5tXHLlM-gLz4A6IABalyggDT5W7eHV74A5IKq06ghZIDOOEghjzUAQxKa4k6AFkI6UwHkAbnGriAvgEp8wflHwCfv-AAeTRhqaGYAPmApNg4cLgA6TRIcMDgGfAAGSQBGfDcEmAgAVQAHUqcAYUNTBg8AahiZeOYklLSGHIKigBkIAHcqmvSPF0CAehCwrgjvAM9pOMSEOk0KHBghBglBDwB+ARBD-CQgzVLDHxCAT10eYGBIcmpTpX5pa4UXF1mQSUEJudLhF8C45gFAnAALazKD8GDRRayUHeeETaGw+bRBjaXSwNzg+YHQQJQSEgKnQQAQkEYLh-l8EzoOHsEQA3KioC4-iAIKVcNBNMhQIZqGF+gAFUUIIUoQz2CA4Og8gBG1EMYAA1hwAMoXMAtZChdBmYQwKEkChCDZwIFpHUyjYsjbXZDgTRC8QgeKmagwCXq5hQwzIIwmU0AK00AA8AELqrW6wxQuA9eJwUPGUxeqPRnUtXQARXQEHgmfDXou1F9bpVhhVt2gPNK1HiMHWdE2yAAHNkQC2IKYKOrSm6W7anI4eWwAI7oHBsAOGIMhpBh7MgUxQnBG6gmr3aLhFktltdZ00wesdrtIABMXtChh0LUqEChwbdUGgGa9NjgABV61ldc4G+IA) ## Installation To install Prettier, wykonajrun: ``` # npm install -g prettier ``` Make sure you're using prettier 1.15.1 or newer: ``` # npm install - prettier$ prettier -v 1.15.1 ``` Następnie skThen configuruj swojee your IDE/edytor tekstu tak, aby automatycznie to use Prettier formatowały kod prettierem: supported languages: https://github.com/prettier/prettier#editor-integration Ustalone w [tym wątku na forum](Use this prettier config: https://forumhub.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ć):diffusion/PLAY/browse/master/.prettierrc ```You can put a copy of the above linked file in the root of your project - then your IDE should automatically pick that up and pass to Prettier. == Emacs == If you're using straight, this config should work fine: ```lang=lisp, name=.emacs.d/init.el (setq exec-path (append exec-path '("/home/kuba/.nvm/versions/node/v6.11.2/bin"))) ;; find your path to prettier with `which prettier` and remove `prettier` from the path and use that path as the string in this setting (use-package prettier :straight t :hook (typescript-ts-mode js-ts-mode web-mode html-mode css-mode scss-mode css-ts-mode json-mode --tab-width=4 --trailing-comma=es5 yaml-mode json-ts-mode tsx-ts-mode yaml-ts-mode typescript-ts-base-mode)) ``` == VS Codium / VS Code == After installing Prettier on your system (see the commands at the beginning of this article), open VS Codium, launch the "Command Palette" using the key combination {key ctrl shft P}. {F44540} Type "Install extensions" and press {key enter}. {F44542} In the extensions search bar, type "prettier" and select the first option: {F44544} After successful installation, click "reload": {F44546} Prettier is now installed! Now it's time to configure it. Open the "Settings" view using the Command Palette: {F44548} Type "prettier" in the search bar: {F44550} and then set the following options to the specified values: {F44552} {F44554} {F44556} In the configuration, also set "format on save" to true: {F45802} If saving still doesn't work, try setting Prettier as the default formatter: [Ctrl+,] -> "Editor: Default Formatter" -> "esbenp.prettier-vscode".