Breaking News: Grepper is joining You.com. Read the official announcement!

nextjs Prettier

Wassi answered on September 9, 2022 Popularity 10/10 Helpfulness 8/10

answer nextjs Prettier

nextjs Prettier

Comment

$ npm install --save-dev prettier
// we need to configure the Prettier to use it. Create the .prettierrc.js file and modify it like the below.

module.exports = {
  semi: false,
  singleQuote: true,
  trailingComma: 'all',
}

//  1.semi: false: Next.js basically doesn’t use the last semicolon(;).
//  2.singleQuote: true: Next.js basicllay uses the single quote(').
//  3.trailingComma: “all”: To make small changes, if the comma can be added, add the comma to the last.

//Configure scripts
//To use the Prettier that we’ve set, open the package.json file and modify it like the below.

"scripts": {
  ...
  "format": "prettier --check --ignore-path .gitignore .",
  "format:fix": "prettier --write --ignore-path .gitignore ."
},
// We add the .gitignore file to the --ignore-path option to ignore the files not managed by Git.
// Now, execute the command below to check the code style with Prettier.
$ npm run format
// If there is any file violated by the Prettier rules, you can see the error message like the below.
//Checking formatting...
// [warn] .prettierrc.js
// [warn] pages/api/hello.ts
// [warn] Code style issues found in the above file(s). Forgot to run Prettier?


// You can fix the code style automatically by executing the command below.
$ npm run format:fix

// After all files are fixed, execute the following command again.

$ npm run format

// If all files are fixed well, you can see the following message.

// Checking formatting...
// All matched files use Prettier code style!

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: dev-yakuza.posstree.com

Tags: javascript prettier

Link to this answer
Share Copy Link

Contributed on Sep 09 2022

Wassi

0 Answers Avg Quality 2/10

nextjs Prettier

Contents

More Related Answers

nextjs Prettier

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.