DEV Community

How to properly set up Prettier in less than 2 minutes

Boris K on June 20, 2022

My step-by step guide to set up Prettier in any project, and integrate it with ESLint and Git Hooks I’ve been using Prettier for mor...

Read full post

slidenerd • Sep 16 '22 • Edited

Would you like to hear a one line command that literally does half the things in your article :) ?

npx mrm lint-staged

Run this, it ll install husky, modify package.json to add husky folder, create the pre-commit file with lint-staged, install lint-staged, create package.json lint-staged...with all their related dependencies and more
yes sir you read that right

Willy Tjandra • Jun 21 '22

In addition, you can also enable format on save in vscode, which will run prettier to format your code.

I prefer this before developer commit their code.

Boris K • Jun 22 '22

If you're developing an open-source product for example, you cannot force every contributor to use vscode and configure it exactly like you expect !

István Pató • Jun 23 '22

lint-staged with husky gives ultimate power to manage your code

Otar Natsvaladze • Jun 21 '22

You can also use yarn dlx instead of npx.

snowlyg • Jun 20 '22

what's the npx commad?

Boris K • Jun 21 '22

npx is a tool which comes with Node.js & npm

By default, when you run npx <command>, npx will check whether <command> exists in $PATH, or in the local project binaries, and execute that. If <command> is not found, it will be installed prior to execution.