Brave Search

reddit.com › r › reactjs › comments › tf7x0q › what_is_your_go_to_prettierrc_configs

Are you trying to start a war? LOL The configurable options in prettier are there because they are too controversial for there to be one universally accepted standard. It's all personal opinion. Answer from CreativeTechGuyGames on reddit.com

reddit.com › r/reactjs › what is your go to prettierrc configs?

r/reactjs on Reddit: What is your go to prettierrc configs?

March 16, 2022 -

Or am I an old geezer and folks have moved on from prettier?

Whats the best way to get some nice on save features in vs code if not prettier?

If prettier, what are you settings? (single quotes, line width, etc)

Nothing better than writing dog shit and clicking save and seeing it reformat to perfection

Videos

08:43

YouTube

Part 14 | Prettier | Code Formatting | eslint-prettier-config | ...

March 18, 2024

00:54

YouTube

Are you using Prettier? (how to set up in VSCode to format on save) ...

December 11, 2022

12:11

YouTube

How To Setup Prettier - YouTube

boag.online › notepad › post › full-prettier-prettierrc-config

My full Prettier (.prettierrc) config file - Fraser Boag

This allows different projects to have different configuration, and allows you to check this file into the project's git repo, ensuring all developers are committing code with the same style. But enough waffle - here's the .prettierrc file I've landed on and use in every new project.

GitHub

github.com › u3u › prettier-config

GitHub - u3u/prettier-config: 🎨 The most perfect Prettier config

{ "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "prettier.documentSelectors": ["**/*"], "prettier.enableDebugLogs": true, "prettier.endOfLine": "lf", "prettier.printWidth": 120, "prettier.requireConfig": true, "prettier.semi": false, "prettier.singleQuote": true }

Author u3u

Stack Overflow

stackoverflow.com › questions › 50975264 › prettier-settings-for-vscode

eslint - prettier settings for vscode - Stack Overflow

Top answer

1 of 10

103

For those trying to quickly change Prettier settings for VS Code. Here are the steps:

Go to FILE -> PREFERENCES -> SETTINGS. (VS Code Menus)
Settings window should open. Above (Top) there is a search. Type "Prettier"
You should see the available Prettier settings. You can modify them :)

2 of 10

The new way to configure prettier settings:

at the root of your project folder, create a new config file (I'd suggest calling it either .prettierrc.json or just .prettierrc)
in that new file, add json custom settings: my go-to settings for JS are as follows:

{
    "trailingComma": "none",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
}

I'd suggest doing this in each of your projects and including in any source control, that way every pull of the repo will automatically set some base settings for that developer's instance of prettier.

Medium

medium.com › @sehban.alam › almost-perfect-prettier-settings-for-your-angular-projects-a-step-by-step-guide-f7492943e53d

Almost Perfect Prettier Settings for Your Angular Projects: A Step-by-Step Guide (2025) | by Sehban Alam | Medium

May 19, 2025 - Learn how to configure Prettier for Angular projects with step-by-step instructions, real-world examples, and best practices.

DEV Community

dev.to › withtoms › prettier-and-how-to-get-most-out-of-it-2d46

Prettier and how to get most out of it - DEV Community

July 1, 2023 - In conclusion, leveraging the full potential of Prettier involves embracing its opinionated nature and keeping the configuration as simple as possible. By following Prettier's philosophy, developers can benefit from consistent and aesthetically pleasing code formatting. Integrating Prettier with other tools like ESLint enhances code quality and adherence to best practices.

Prettier

prettier.io › docs › options

Options · Prettier

Setting max_line_length in an .editorconfig file will configure Prettier’s print width, unless overridden.

Find elsewhere

Google Bing Mojeek

Michelelarson

michelelarson.com › prettier-config

Prettier Config Generator

I've made a few things for fun: GUMDROPS GumGum React Component Library PRETTIER CONFIG UI to generate a Prettier config HOME COUNTDOWN Chrome extension tells you how long until you can leave work and go home RUBBER DUCK DEBUGGING When your code won't work and you just need someone to talk ...

GitHub

github.com › bahmutov › prettier-config-example

GitHub - bahmutov/prettier-config-example: Example project with different per-folder prettier config and VSCode formatting on save

Example project with different per-folder prettier config and VSCode formatting on save - bahmutov/prettier-config-example

Starred by 32 users

Forked by 11 users

GitHub

github.com › macklinu › best-prettier-config

GitHub - macklinu/best-prettier-config: The best prettier config in the world :earth_americas:

# These are all the same npx best-prettier-config --plugin prettier-plugin-astro --plugin prettier-plugin-tailwind npx best-prettier-config --plugin astro --plugin tailwind npx best-prettier-config -p astro -p tailwind

Author macklinu

GitHub

github.com › lipis › prettier-setup

GitHub - lipis/prettier-setup: Basic configuration for Prettier, ESLint and Husky.

Basic configuration for Prettier, ESLint and Husky. - lipis/prettier-setup

Starred by 180 users

Forked by 23 users

Languages JavaScript 84.5% | SCSS 15.5% | JavaScript 84.5% | SCSS 15.5%

GitHub

github.com › npetruzzelli › prettier-config-standard

GitHub - npetruzzelli/prettier-config-standard: A Prettier shareable config for projects using 'Prettier' and 'JavaScript Standard Style' as ESLint rules or separate processes. · GitHub

A Prettier shareable config for projects using Prettier and JavaScript Standard Style as ESLint rules or separate processes.

Starred by 35 users

Forked by 12 users

GitHub

github.com › prettier › prettier › issues › 7073

A better Prettier CLI and config file · Issue #7073 · prettier/prettier

November 30, 2019 - Let’s have one config file to rule them all – prettier.json. A prettier.json should be required for Prettier to run – this makes Prettier opt-in. For every file Prettier formats, there must be a prettier.json next to it or up the file tree.

Author lydell

Medium

medium.com › @fabianterh › an-opinionated-guide-to-setting-up-prettier-with-eslint-51809b1b3043

An opinionated guide to setting up Prettier with ESLint | by Fabian Terh | Medium

September 2, 2018 - This is the plugin that is responsible for detecting differences between your code’s formatting and Prettier’s rules. You can install it by running npm install prettier eslint-plugin-prettier. Assuming you already have a .eslintrc.* (ESLint configuration file), edit it to add the following lines:

GitHub

github.com › prettier › eslint-config-prettier

GitHub - prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier. · GitHub

Some of the rules that eslint-config-prettier turns off may be deprecated, or even removed from ESLint. This is perfectly fine, but if you really need to omit the deprecated and removed rules, you can do so by setting the ESLINT_CONFIG_PRETTIER_NO_DEPRECATED environment variable to a non-empty value.

Starred by 5.9K users

Forked by 262 users

Languages JavaScript

Frontity

community.frontity.org › 👨‍💻 framework development › » framework design

Eslint / Prettier - What presets should we use? - » Framework Design - Frontity Community Forum

February 27, 2019 - This is a good moment to think again about our eslint and prettier configuration so it is as simple as possible. Eslint We were following eslint-airbnb in the past, but I’d like our configuration to be as simple and as standard as possible. In the past, when prettier didn’t exist, eslint ...

Prettier

prettier.io › docs › install

Install · Prettier

Run Prettier from your editor for the best experience. Use eslint-config-prettier to make Prettier and ESLint play nice together.

Gleb Bahmutov

glebbahmutov.com › blog › configure-prettier-in-vscode

How to configure Prettier and VSCode | Better world by better software

April 23, 2024 - When setting up Prettier it is important to configure it per-project. Not every project uses the same code style, thus it is important to respect the style of whatever project you are currently working in. The demo repo bahmutov/prettier-config-example has two subfolders, each with its distinct ...

ANGULARarchitects

angulararchitects.io › home › blog › ng best practices: prettier & eslint

NG Best Practices: Prettier & ESLint - ANGULARarchitects

August 9, 2025 - Download this ESLint config. To ensure that your code is always formatted and linted correctly, integrate Prettier and ESLint into your development workflow: I run Prettier automatically on every save. That works charmingly in Cursor, VS Code and Webstorm (even NeoVIM, I guess). Sometimes I just write my code in one ugly line and then press Cmd + S (yes Mac user, but I do have a Pixel phone – best combo 😜) to format it.