Question 136065 in Visual Studio Code Question posted in
View the official documentation.

Visual Studio Code – Is there a setting in Prettier for formatting more concisely like this in React/JSX?

When I use Prettier to format this code:

export default function CategoryItem({ name, imageUrl, idx, active, handlePress }) {
...

Because it is more than 80 characters wide, it formats it into this:

export default function CategoryItem({
  name,
  imageUrl,
  idx,
  active,
  handlePress,
}) {

But what I want to format it into something with less lines but doesn’t exceed the 80 character limit:

export default function CategoryItem({
  name, imageUrl, idx, active, handlePress,
}) {

I couldn’t find such a setting in Prettier in Visual Studio Code.

Tags:

2

Answers


  1. 0

    I don’t think you can do that. The purpose of Prettier is to facilitate collaboration between teams in projects by enforcing consistent coding styles, not to be customizable to do what a user wants. What if another user who collaborates on your code wanted a different formatting style, and another user wanted something else, and another wanted something different? It’s intentional for Prettier to format in such way to have a standard over coding styles, and for collaborators to follow those standards.

    Login or Signup to reply.
  2. 0

    In Vscode, go to settings and search for "prettier print". You should get something like this screenshot:
    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search