How to make Prettier to ignore a block of code?

When using Prettier for code formatting, you might occasionally want to exclude certain parts of the code from formatting. Prettier provides a straightforward method to achieve this. You can instruct Prettier to ignore specific code blocks by adding designated comments within your code.

Steps to Ignore a Code Block:

1. Add a comment before the code block you want to ignore // prettier-ignore
2. Write the code block you want to ignore

Example:

Assume we have the following JavaScript code:

javascript
const example = {
  id:1, name:"John Doe", age: 30, city: "New York"
};

If we want to ignore the formatting of this object literal, we can do the following:

javascript
// prettier-ignore
const example = {
  id:1, name:"John Doe", age: 30, city: "New York"
};

After adding the // prettier-ignore comment, Prettier will skip this section during formatting.

Notes:

• This exclusion applies only to the line immediately following the comment.
• If you have multiple code blocks to ignore, you must add // prettier-ignore before each one.

Using this approach, you can flexibly control which parts of the code should be formatted and which should remain unchanged. This is particularly useful when handling specific code styles or ensuring compatibility with legacy code.