🌐
Prettier
prettier.io › docs › configuration
Configuration File · Prettier
Here’s an annotated description of how different properties map to Prettier’s behavior: # Stop the editor from looking for .editorconfig files in the parent directories # root = true [*] # Non-configurable Prettier behaviors charset = utf-8 insert_final_newline = true # Caveat: Prettier won’t trim trailing whitespace inside template strings, but your editor might.
🌐
Visual Studio Marketplace
marketplace.visualstudio.com › items
Prettier - Code formatter - Visual Studio Marketplace
January 21, 2026 - Extension for Visual Studio Code - Code formatter using prettier
Discussions

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. More on reddit.com
🌐 r/reactjs
35
24
March 16, 2022
Good enough default lint & prettier config?
Next themselves do: https://nextjs.org/docs/app/building-your-application/configuring/eslint More on reddit.com
🌐 r/nextjs
3
1
January 30, 2024
Prettier Config
Prettier is not very configurable by design, in order to remove the probability of teams arguing about what the configuration should be. The configurable options in your screenshot are pretty much all the options you have. Prettier is incredibly opinionated, and IMO some of their opinions are stupid. I still use it though -- because while I hate what Prettier does to my own code, I put up with it if it means my sloppy coworkers' code gets any sort of formatting at all before I have to deal with it. If that tradeoff is unacceptable, you might consider using eslint to handle formatting instead of Prettier. Edit: In your specific instance, there is a method to the madness however. Within a , white space is significant and will result in extra space characters in the rendered page. While the markup isn't as attractive, it is usually the right decision to not add space there just for the sake of tags lining up. More on reddit.com
🌐 r/angular
2
0
June 1, 2022
How do you handle eslint/prettier configs across multiple repos?
I manage and use a monorepo for my ESLint configs via NPM - each package is a single config (for Vue, React, TypeScript) that extends a set of base settings that I use throughout all of my JS/TS code. I use This configuration has worked well for me on both personal and enterprise-scale projects and I've been able to enjoy consistent code style with minimal boilerplate and config. Whenever I need to override a rule for some project-specific need, I simply extend the config in the consuming project. For Prettier, I likewise pull in a shared config that I publish on NPM. Both ESLint and Prettier have first-class support for packaged, shared configs i.e. this is the recommended way to consume such configs across many projects. Prettier is very opinionated and far less configurable than ESLint by design. Don't confuse these tools, however. ESLint is a linter; Prettier is a formatter. The goal of Prettier is to offload the cognitive overhead involved with deciding on a formatting style. Because there's potential overlap between the two tools; use `eslint-config-prettier` when using the two together to prevent collisions between them. To answer your next question: I lint and format on save, and I use Git hooks installed by Husky and executed through Lint-Staged (this tool helps ensure your Git hooks only run on modified files, etc) to ensure there are no lint or formatting errors whenever making a commit or pushing code. This is helpful for teams, as some developers tend to forget to run lint tasks, or don't have the Prettier extension installed in their IDE. If there are lint errors, the commit is rejected until fixed. YMMV - you'll need to fine-tune the strictness of this based on the team's needs. To answer your "random question": preference for ubiquitous backticks is rare and non-idiomatic in JS/TS. Use backticks for multi-line strings or template literals (string interpolation - and in less common cases - tagged template functions ). For all other use-cases, use single or double-quote (it doesn't matter which, just be consistent about the choice you make). More on reddit.com
🌐 r/typescript
26
30
April 14, 2023
🌐
Prettier
prettier.io › docs › options
Options · Prettier
Setting max_line_length in an .editorconfig file will configure Prettier’s print width, unless overridden.
🌐
GeeksforGeeks
geeksforgeeks.org › typescript › how-to-set-up-prettier-in-your-javascript-typescript-project
How to Set Up Prettier in Your JavaScript/TypeScript Project? - GeeksforGeeks
July 23, 2025 - You can configure Prettier with a .prettierrc file or directly in your package.json. For this guide, we'll use the .prettierrc file.
🌐
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:
🌐
Fraser Boag
boag.online › notepad › post › full-prettier-prettierrc-config
My full Prettier (.prettierrc) config file - Fraser Boag
August 8, 2021 - It sets almost every configurable option - some of which are set to the same as Prettier's own defaults, but I like to include them just for clarity and so that I can see at a glance what options I have available to me for tweaking.
🌐
Khalil Stemmler
khalilstemmler.com › blogs › tooling › prettier
How to use Prettier with ESLint and TypeScript in VSCode | Khalil Stemmler
January 21, 2022 - In this guide, we'll explain how to use Prettier with ESLint, delegating the responsibility of code convention definition to ESLint, and the responsibility of formatting to Prettier. ... This post is a part of the Clean Code Tooling series. You may want to read the previous post. 1. How to use ESLint with TypeScript · In the previous article in this series, "How to use ESLint with TypeScript", we learned how add ESLint to our project and configure it to determine if our code was adhering to our project's coding conventions.
Find elsewhere
🌐
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 ...
🌐
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.
🌐
JetBrains
intellij-support.jetbrains.com › hc › en-us › community › posts › 360000167624-How-can-I-change-the-prettier-settings
How can I change the prettier settings? – IDEs Support (IntelliJ Platform) | JetBrains
April 4, 2018 - Now CTRL + SHIFT + ALT + P action changes double quotes to single quotes in my files, though I don't have prettier installed in my project ... Thanks a lot, it now worked. I don't know why it didn't before but it now does.
🌐
Medium
medium.com › @robinviktorsson › setting-up-eslint-and-prettier-for-a-typescript-project-aa2434417b8f
Setting Up ESLint and Prettier for a TypeScript Project | by Robin Viktorsson | Medium
March 10, 2025 - Run the following command to install ESLint and TypeScript-related dependencies: npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier ...
🌐
Robin Wieruch
robinwieruch.de › prettier-eslint
How to use Prettier with ESLint
February 14, 2022 - Once you have installed ESLint, you can configure it yourself or use one of several pre-configured ESLint configurations (e.g. Airbnb Style Guide) for an opinionated code style without thinking about a good code style yourself. We will start by installing the Prettier and ESLint extension/plugin for your editor/IDE.
🌐
GitHub
github.com › prettier › prettier
GitHub - prettier/prettier: Prettier is an opinionated code formatter. · GitHub
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
Author   prettier
🌐
Mashup Garage
mashupgarage.com › playbook › tools › prettier.html
Prettier setup | Mashup Garage Playbook
Save a file called .prettierrc in your project's root path. This configuration roughly mimics the styling rules of Standard JS.
🌐
Skill Stuff
skillstuff.com › home › vs code extenstion › only 1% of developers know how to configure prettier properly.
Only 1% of Developers Know How to configure Prettier properly. - Skill Stuff
October 30, 2025 - To fix that, disable ESLint’s formatting rules and let Prettier handle formatting. npm install --save-dev eslint-config-prettier eslint-plugin-prettier
🌐
DigitalOcean
digitalocean.com › community › tutorials › how-to-format-code-with-prettier-in-visual-studio-code
Format Code with Prettier in Visual Studio Code: Setup Guide | DigitalOcean
August 1, 2025 - This command will make your code ... palette, press Command + Shift + P on macOS or Ctrl + Shift + P on Windows. In the command palette, search for format and then choose Format Document. You may then be prompted to choose a formatter. Click the Configure butto...
🌐
Testing JavaScript
testingjavascript.com › lessons › eslint-configure-prettier
Configure Prettier
In this lesson we’ll check out the prettier playground and see what options we want to enable in our project’s .prettierrc file. After adding in our custom configuration, we’ll create a .prettierignore file so that you can avoid formatting any files generated within the project such as ...
🌐
npm
npmjs.com › package › prettier-config-standard
prettier-config-standard - npm
August 11, 2023 - A Prettier shareable config for projects using Prettier and JavaScript Standard Style as ESLint rules or separate processes.
      » npm install prettier-config-standard
    
Published   Aug 11, 2023
Version   7.0.0
Author   Nick Petruzzelli