Prettier Installation and Configuration

prettier-installation-and-configuration.md

Prettier Installation and Configuration

1. Install the prettier package.

npm install --save-dev --save-exact prettier

2. Add a .vscode folder to your project.

3. Add a settings.json file to the .vscode folder containing the following:

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

4. Add a Prettier configuration file .prettierrc.json to the root of your project containing the following:

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true
}

5. Format all files in the project:

npx prettier . --write